Alabaster Dawn Wiki alabasterdawn_en https://alabasterdawn.wiki.gg/ MediaWiki 1.43.3 first-letter Media Special Talk User User talk Meta Meta talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Module Module talk 0 1 1 2025-07-23T00:07:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Alabaster Dawn Wiki]] 06855d99491c119ab4404df44a7a91fa878f98cb 2 1 2025-07-23T00:07:30Z ARTIFICER 564804 Protected "[[Main Page]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki #redirect [[Alabaster Dawn Wiki]] 06855d99491c119ab4404df44a7a91fa878f98cb 0 2 3 2025-07-23T00:07:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about pages pages contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about pages contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> c5d4351377806d884e84bc34774f85fd4a425e0a 4 3 2025-07-23T00:07:30Z ARTIFICER 564804 Protected "[[Alabaster Dawn Wiki]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about pages pages contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about pages contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> c5d4351377806d884e84bc34774f85fd4a425e0a 4 4 6 2025-07-23T00:07:31Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! }} We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 96df981ef23fca9434d1586228cab8a51e0fdc0a 7 6 2025-07-23T00:07:33Z ARTIFICER 564804 Protected "[[Alabaster Dawn Wiki/welcome]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! }} We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 96df981ef23fca9434d1586228cab8a51e0fdc0a 4 5 8 2025-07-23T00:07:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Random page|link=Special:Random}} * {{MP link|Example character|link=Example character|image=Example_character_image.png|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 827f14b4cd3d346ca427f95e9574fc23c4874206 9 8 2025-07-23T00:07:33Z ARTIFICER 564804 Protected "[[Alabaster Dawn Wiki/pages]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Important page here|image=Wiki.gg logo-pink.svg|size=92px}} * {{MP link|Random page|link=Special:Random}} * {{MP link|Example character|link=Example character|image=Example_character_image.png|size=92px}} * {{MP link|Example character infobox|link=Template:Example character infobox|image=Example_character_image.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 827f14b4cd3d346ca427f95e9574fc23c4874206 4 6 10 2025-07-23T00:07:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = About Alabaster Dawn }} This is an example main page. You can redesign it however you want, or you can keep the layout the same but change the contents (e.g. this part should talk about your game). Take a look at some other wiki.gg wikis for inspiration! <div style="text-align:right">[[Alabaster Dawn|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> eba0abc2594460bb99c0866b114f6225fcb94cc6 11 10 2025-07-23T00:07:34Z ARTIFICER 564804 Protected "[[Alabaster Dawn Wiki/about]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = About Alabaster Dawn }} This is an example main page. You can redesign it however you want, or you can keep the layout the same but change the contents (e.g. this part should talk about your game). Take a look at some other wiki.gg wikis for inspiration! <div style="text-align:right">[[Alabaster Dawn|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> eba0abc2594460bb99c0866b114f6225fcb94cc6 4 7 12 2025-07-23T00:07:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; Adding content :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 8b79debc73480ec2b12cb5e39723b94532fd44bd 13 12 2025-07-23T00:07:34Z ARTIFICER 564804 Protected "[[Alabaster Dawn Wiki/contribute]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; Adding content :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 8b79debc73480ec2b12cb5e39723b94532fd44bd 4 8 14 2025-07-23T00:07:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Official site|link=https://wiki.gg}} * {{MP link|Discord|link=https://discord.gg/rTnST57tuW|image=Discord.svg|size=64x64px}} * {{MP link|Bluesky|link=https://bsky.app/profile/wiki.gg|image=Bluesky.svg|size=64x64px}} * {{MP link|indie.io|link=https://www.indie.io/|image=indie.io.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> bb8190c57bb4cc147764d1c10f218fe4d34e0a49 15 14 2025-07-23T00:07:35Z ARTIFICER 564804 Protected "[[Alabaster Dawn Wiki/external]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Official site|link=https://wiki.gg}} * {{MP link|Discord|link=https://discord.gg/rTnST57tuW|image=Discord.svg|size=64x64px}} * {{MP link|Bluesky|link=https://bsky.app/profile/wiki.gg|image=Bluesky.svg|size=64x64px}} * {{MP link|indie.io|link=https://www.indie.io/|image=indie.io.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> bb8190c57bb4cc147764d1c10f218fe4d34e0a49 4 9 16 2025-07-23T00:07:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 17 16 2025-07-23T00:07:35Z ARTIFICER 564804 Protected "[[Meta:Copyrights]]" ([Edit=Allow only administrators] (indefinite)) wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 828 10 18 2025-07-23T00:07:36Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- version 0.1.7 -------------------------------------- -- User settings, you can modify these -------------------------------------- -- if you want to not always use divs in your wiki (as opposed to tables), you can change this default -- just remember to change it back each time you update from the main "branch" on the support wiki! -- you can also control it per infobox with `|useDivs=yes` or `|useDivs=no` local USE_DIVS = true -- `false` or `true` -- default value to show if a param is missing in some but not all tabs. -- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing local TABBED_NONEXIST = nil -- `''` or `nil` or `'N/A'` etc. Don't put nil in quotes. --------------------------------------------------------------------------- -- Do not modify anything below this line unless you know what you're doing --------------------------------------------------------------------------- local h = {} local p = {} local hooks = {} function p.arraymap(frame) -- a lua implementation of Page Forms' arraymap local args = h.overwrite() local items = h.split(args[1], args[2] or ',') for i, item in ipairs(items) do items[i] = args[4]:gsub(args[3], item) end return table.concat(items, args[5] or ',') end function p.preprocess(frame) return frame:preprocess(frame.args[1] or frame:getParent().args[1]) end function p.main(frame) h.registerHooks() h.increment() local args = h.overwrite() local sep = args.sep or ',' h.castArgs(args, sep) if h.castBool(args.setmainimage or 'yes') then h.setMainImage(args.images[1]) end -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports return h.makeInfobox(args, sep), '[[Category:Pages with DRUID infoboxes]]' end function h.registerHooks() if not mw.title.new('Module:Infobox/Hooks').exists then return end hooks = require('Module:Infobox/Hooks') end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end function h.increment() -- optional use of VariablesLua for better compatibility local VariablesLua = mw.ext.VariablesLua if VariablesLua == nil then local res -- try to fall back to normal Variables res, h.counter = pcall( function() return mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1 end ) if res then mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', h.counter}) else -- else use a random number so at least there's some unique id h.counter = math.random(100000000000000000) -- random integer end else h.counter = VariablesLua.var('DRUID_INFOBOX_ID', 0) + 1 VariablesLua.vardefine('DRUID_INFOBOX_ID', h.counter) end end function h.castArgs(args, sep) h.runHook('onCastArgsStart', args, sep, args.kind) args.tabs = h.split(args.tabs or args.image_labels, sep) args.images = h.getImages(args, sep) args.sections = h.split(args.sections, sep) for _, section in ipairs(args.sections) do if h.castBool(args[section .. '_isdata']) then args[section .. 'Data'] = args[section] args[section] = section .. 'Data' args[section .. 'Data_nolabel'] = 'true' -- will be cast later end args[section] = h.split(args[section], sep) args[section .. '_tabs'] = h.split(args[section .. '_tabs'], sep) if #args.tabs > 0 and #args[section .. '_tabs'] > 0 then error(('You cannot specify |tabs= and |%s= at the same time, please pick one'):format(section .. '_tabs')) end end if args.useDivs then USE_DIVS = h.castBool(args.useDivs) end -- this would be in the outer scope, but we're hiding it h.entityType = USE_DIVS and 'div' or 'table' -- key of h.htmlEntities h.runHook('onCastArgsEnd', args, sep, args.kind) end function h.getImages(args, sep) if args.image and not args.images then args.images = args.image end if args.images then return h.split(args.images, sep) end if not args.tabs then return {} end local ret = {} for _, key in ipairs(args.tabs) do if args[key .. '_image'] then ret[#ret+1] = args[key .. '_image'] end end return ret end function h.setMainImage(file) if h.counter > 1 then return end if not file then return end local fileText = file:gsub('.-:', '') fileText = fileText:gsub('^([^|%]]+).*', '%1') -- setmainimage is guaranteed to exist on wiki.gg but may not exist on other wikis -- it's not a crucial piece of functionality so we'll fail silently if it doesn't exist pcall(function() mw.getCurrentFrame():callParserFunction{ name = '#setmainimage', args = { fileText }, } end) end function h.makeInfobox(args, sep) local out = mw.html.create(h.getTag('container')) :addClass('druid-infobox') :addClass('druid-container') :addClass('noexcerpt') :addClass(args.class) -- warning: class can be nil, don't concat anything :attr('id', args.id or ('druid-container-' .. h.counter)) h.runHook('onMakeOutputStart', out, args) if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end h.printTitle(out, args) h.printImages(out, args.images, args) for _, section in ipairs(args.sections) do -- cannot begin tagging here because we don't know if any applicable args are present local cols = args[section .. '_columns'] local makeSection = cols and h.makeGridSection or h.makeSection out:node(makeSection(section, args[section], args, tonumber(cols))) end h.runHook('onMakeOutputEnd', out, args) -- category for gadget loading return out, '[[Category:Pages with DRUID infoboxes]]' end function h.printTitle(out, args) local tabs = args.tabs if not tabs or #tabs == 0 then h.printSimpleTitle(out, args) return end if not h.hasComplexData('title', tabs, args) then h.printSimpleTitle(out, args) return end local node = h.printTitleWrapper(out) h.printTabbedDataItem(node, 'title', tabs, args) end function h.printSimpleTitle(out, args) if args.title then local node = h.printTitleWrapper(out) node:wikitext(args.title) end end function h.printTitleWrapper(out) return out:tag(h.getTag('titleOuter')) :tag(h.getTag('titleInner')) :addClass('druid-title') :attr('colspan', 2) end function h.printTabbedDataItem(node, item, tabs, args) -- hasData isn't used in the title case but we will need to track this -- when we're printing section data later on -- so we'll just track it always local hasData = false for i, label in ipairs(tabs) do local div = node:tag('div') :addClass('druid-toggleable-data') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :attr('data-druid-tab-key', label) if h.getTabbedContent(args, label, item) then hasData = true div:wikitext('\n\n' .. h.getTabbedContent(args, label, item)) div:addClass('druid-toggleable-data-nonempty') else div:addClass('druid-toggleable-data-empty') end if i == 1 then div:addClass('focused') end end return hasData end function h.printImages(out, images, args) if #images == 0 and #args.tabs == 0 then return end -- burden is on the user to format this as an image. this should be done in the infobox template, -- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}} local td = out:tag(h.getTag('section')) :addClass('druid-section-container') :tag(h.getTag('cell')) :attr('colspan', 2) local tabs = args.tabs local tabTexts = h.getImageTabTexts(tabs, images, args) h.printTabs(td, tabs, tabTexts, false, args) if #images == 0 then return end if #images == 1 then td:addClass('druid-main-image') :wikitext(images[1]) if args.caption then td:tag('div') :addClass('druid-main-image-caption') :wikitext(args.caption) end return end td:addClass('druid-main-images') local imagesContainer = td:tag('div') :addClass('druid-main-images-files') for i, image in ipairs(images) do local container = imagesContainer:tag('div') :addClass('druid-main-images-file') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(image) :attr('data-druid-tab-key', tabs[i]) local labelText if tabs[i] then labelText = args[tabs[i] .. '_label'] or tabs[i] else labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i end if args[labelText .. '_caption'] then container:tag('div') :addClass('druid-main-images-caption') :wikitext(args[labelText .. '_caption']) end if i == 1 then container:addClass('focused') end end end function h.getImageTabTexts(tabs, images, args) if #tabs == 0 and #images <= 1 then return {} end local texts = {} local i = 1 while images[i] or tabs[i] do if tabs[i] then texts[i] = args[tabs[i] .. '_label'] or tabs[i] else texts[i] = '[[Category:Infoboxes missing image labels]]Image ' .. i end i = i + 1 end return texts end function h.printTabs(td, tabs, texts, isSection, args) if #texts == 0 then return end local container = td:tag('div') :addClass('druid-main-images-labels') :addClass('druid-tabs') if isSection then container:addClass('druid-section-tabs') end for i, item in ipairs(tabs) do local label = container:tag('div') :addClass('druid-main-images-label') :addClass('druid-tab') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(texts[i]) :attr('data-druid-tab-key', item) if isSection then label:addClass('druid-section-tab') else label:addClass('druid-title-tab') end if i == 1 then label:addClass('focused') end -- this can be null, don't concat anything here label:addClass(args[item .. '_class']) end end function h.makeGridSection(section, sectionFields, args, numCols) local numItems = h.countItems(sectionFields, section, args) if numItems == 0 then return end local node = mw.html.create(h.getTag('section')) :addClass('druid-section-container') h.printSectionHeader(node, section, args) h.printSectionTabs(node, section, args) local tr = node:tag(h.getTag('row')) :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end local grid = tr:tag(h.getTag('cell')) :attr('colspan', 2) :addClass('druid-grid-section') :addClass('druid-grid-section-' .. h.escape(section)) :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything :tag('div') :addClass('druid-grid') local row, col, i = 1, 1, 1 local sizeOfLastRow = numItems % numCols local lcm = h.getNumGridCols(numItems, sizeOfLastRow, numCols) grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(lcm)) local size = lcm / numCols for _, item in ipairs(sectionFields) do local node = mw.html.create('div') local shouldPrint = h.printData(node, item, section, args) if shouldPrint then if i == numItems - sizeOfLastRow + 1 then size = lcm / sizeOfLastRow end i = i + 1 local gStart = (col - 1) * size + 1 local gEnd = (col) * size + 1 local itemContainer = grid:tag('div') :addClass('druid-grid-item') :addClass('druid-grid-item-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :css('grid-column', ('%s / %s'):format(gStart, gEnd)) :css('grid-row', row) if not h.castBool(args[item .. '_nolabel']) then h.printLabel(itemContainer:tag('div'), item, args) end itemContainer:node(node) if col == numCols then row = row + 1 col = 1 else col = col + 1 end end end return node end function h.makeSection(section, sectionFields, args) if section == '' then return end -- bruteforce fix for trailing commas local shouldPrint = false local container = mw.html.create(h.getTag('section')) :addClass('druid-section-container') :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything h.printSectionHeader(container, section, args) h.printSectionTabs(container, section, args) for _, item in ipairs(sectionFields) do local node = mw.html.create(h.getTag('cell')) local shouldPrintItem = h.printData(node, item, section, args) if shouldPrintItem then shouldPrint = true local tr = container:tag(h.getTag('row')) :addClass('druid-row') :addClass('druid-row-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end if h.castBool(args[item .. '_wide']) or h.castBool(args[item .. '_nolabel']) then node :attr('colspan', 2) :addClass('druid-data-wide') else h.printLabel(tr:tag(h.getTag('label')), item, args) end tr:node(node) end end if not shouldPrint then return nil end return container end function h.countItems(sectionFields, section, args) local numItems = 0 for _, v in ipairs(sectionFields) do -- we aren't actually printing here, but we're finding out if we should print anything -- because we need the count of columns before we print anything in grid data if h.printData(mw.html.create(), v, section, args) then numItems = numItems + 1 end end return numItems end function h.getNumGridCols(numItems, sizeOfLastRow, numCols) if not numCols then return numItems, 1 end if numItems < numCols then return numItems, 1 end if sizeOfLastRow == 0 then return numCols, 1 end local a, b = sizeOfLastRow, numCols while b ~= 0 do a, b = b, a % b end local lcm = sizeOfLastRow * numCols / a return lcm end function h.printLabel(node, item, args) return node :addClass('druid-label') :addClass('druid-label-' .. h.escape(item)) :wikitext(args[item .. '_display'] or args[item .. '_label'] or item) end function h.printData(node, item, section, args) -- prints data to the node -- and also returns whether the item is nonempty or not local hasData = false local sectionTabs = args[section .. '_tabs'] local tabs = args.tabs if sectionTabs and #sectionTabs > 0 then tabs = sectionTabs end if not tabs or #tabs == 0 then return h.printSimpleData(node, item, args) end if not h.hasComplexData(item, tabs, args) then return h.printSimpleData(node, item, args) end hasData = hasData or h.printTabbedDataItem(node, item, tabs, args) if hasData then node:addClass('druid-data') end return hasData end function h.getTabbedContent(args, label, item) return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST end function h.printSimpleData(node, item, args) if args[item] and type(args[item]) ~= 'string' then error(("Invalid use of field %s as both a section and a data value"):format(item)) end if not args[item] then return false end node:addClass('druid-data') :addClass('druid-data-' .. h.escape(item)) :addClass('druid-data-nonempty') :wikitext('\n\n' .. args[item]) return true end function h.hasComplexData(item, tabs, args) for _, v in ipairs(tabs) do if args[v .. '_' .. item] then return true end end return false end function h.printSectionHeader(node, section, args) if h.castBool(args[section .. '_nolabel']) then return end local tr = node:tag(h.getTag('row')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTitle')) :attr('colspan', 2) :addClass('druid-section') :addClass('druid-section-' .. h.escape(section)) if args[section .. '_collapsible'] or args[section .. '_collapsed'] then tr:addClass('druid-collapsible') if args[section .. '_collapsed'] then tr:addClass('druid-collapsible-collapsed') end end local emptySections = {} for _, label in ipairs(args.tabs) do local hasLabel = false for _, item in ipairs(args[section] or {}) do if h.getTabbedContent(args, label, item) then hasLabel = true end end if not hasLabel then emptySections[label] = true end end if not next(emptySections) then th:wikitext(args[section .. '_label'] or section) return end for i, label in ipairs(args.tabs) do local div = th:tag('div') :addClass('druid-toggleable-heading') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(args[section .. '_label'] or section) -- we are going to print the section content even in empty nodes -- for compatibility with browsers without :has, where hiding empty rows won't happen if emptySections[label] then div:addClass('druid-toggleable-heading-empty') end if i == 1 then div:addClass('focused') end end end function h.printSectionTabs(node, section, args) local tabs = args[section .. '_tabs'] if not tabs or #tabs == 0 then return end local tr = node:tag(h.getTag('sectionTabsOuter')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTabs')) :attr('colspan', 2) :addClass('druid-section-tabs') :addClass('druid-section-tabs-' .. h.escape(section)) local texts = {} for i, item in ipairs(tabs) do texts[i] = args[item .. '_label'] or item end h.printTabs(th, tabs, texts, true, args) end ---------------------------- -- general utility functions ---------------------------- function h.overwrite() -- this is a generic utility function that collects args from the invoke call & the parent template. -- normally, you merge args with parent template overwriting the invoke call, but -- since we'll be putting markup/formatting into our invoke call, -- we actually want to overwrite what the user sent. local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end return args end -- generic utility functions -- these would normally be provided by other modules, but to make installation easy -- I'm including everything here function h.split(text, pattern, plain) if not text then return {} end local ret = {} for m in h.gsplit(text, pattern, plain) do ret[#ret+1] = m end return ret end function h.gsplit( text, pattern, plain ) if not pattern then pattern = ',' end if not plain then pattern = '%s*' .. pattern .. '%s*' end local s, l = 1, text:len() return function () if s then local e, n = text:find( pattern, s, plain ) local ret if not e then ret = text:sub( s ) s = nil elseif n < e then -- Empty separator! ret = text:sub( s, e ) if e < l then s = e + 1 else s = nil end else ret = e > s and text:sub( s, e - 1 ) or '' s = n + 1 end return ret end end, nil, nil end function h.escape(s) s = s:gsub(' ', '') :gsub('"', '') :gsub("'", '') :gsub("%?", '') :gsub("%%", '') :gsub("%[", '') :gsub("%]", '') :gsub("{", '') :gsub("}", '') :gsub("!", '') return s end -- normally I would make these constants at the top of the file -- but I don't want to mistake them with user-set constants h.boolFalse = { ['false'] = true, ['no'] = true, [''] = true, ['0'] = true, ['nil'] = true } function h.castBool(x) if not x then return false end return not h.boolFalse[tostring(x):lower()] end h.htmlEntities = { table = { container = 'table', titleOuter = 'tr', titleInner = 'th', section = '', sectionTitle = 'th', sectionTabsOuter = 'tr', sectionTabs = 'td', row = 'tr', label = 'th', cell = 'td', }, div = { container = 'div', titleOuter = 'div', titleInner = 'div', section = 'div', sectionTitle = 'div', sectionTabsOuter = 'div', sectionTabs = 'div', row = 'div', label = 'div', cell = 'div', } } function h.getTag(key) -- try not to totally fail here return h.htmlEntities[h.entityType or 'div'][key] end return p 0b872baa88950499ed588906ea3b07f363640076 828 11 19 2025-07-23T00:07:36Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{luadoc}} This module enables the creation of [[support:DRUID infoboxes|DRUID infoboxes]]. 0ce687b29fc5e2d6cad14853a8412fa91910000f 828 12 20 2025-07-23T00:07:36Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- version 1.2.4 -- config table for RANGER. -- If you want to change the default config, DO NOT change it here, -- please do it via the `onLoadConfig` hook in [[Module:Navbox/Hooks]]. local config = { default_navbox_class = "navigation-not-searchable", -- Base value of the `class` parameter. default_title_class = nil, -- Base value of the `title_class` parameter. default_above_class = nil, -- Base value of the `above_class` parameter. default_below_class = nil, -- Base value of the `below_class` parameter. default_section_class =nil, -- Base value of the `section_class` parameter. default_header_class = nil, -- Base value of the `header_class` parameter. default_group_class = nil, -- Base value of the `group_class` parameter. default_list_class = 'hlist', -- Base value of the `list_class` parameter. default_header_state = nil, -- Base value of the `state` parameter. editlink_hover_message_key = 'Navbox-edit-hover', -- The system message name for hover text of the edit icon. custom_render_handle = nil, -- usually for debugging purposes only. if set, it should be a function accept 2 parameters: `dataTree` and `args`, and return a string as module output. } --------------------------------------------------------------------- -- Argument alias. local CANONICAL_NAMES = { ['titlestyle'] = 'title_style', ['listclass'] = 'list_class', ['groupstyle'] = 'group_style', ['collapsible'] = 'state', ['editlink'] = 'meta', ['editlinks'] = 'meta', ['editicon'] = 'meta', ['edit_link'] = 'meta', ['edit_links'] = 'meta', ['edit_icon'] = 'meta', ['navbar'] = 'meta', ['name'] = 'template', ['evenodd'] = 'striped', ['class'] = 'navbox_class', ['css'] = 'navbox_style', ['style'] = 'navbox_style', ['group'] = '1:group', ['list'] = '1:list', } local DEFAULT_ARGS = { ['meta'] = true, } local STATES = { ['no'] = '', ['off'] = '', ['plain'] = '', ['collapsed'] = 'mw-collapsible mw-collapsed', ['expanded'] = 'mw-collapsible', } local BOOL_FALSE = { ['no'] = true, ['off'] = true, ['false'] = true, } local STRIPED = { ['odd'] = 'striped-odd', ['swap'] = 'striped-odd', ['y'] = 'striped-even', ['yes'] = 'striped-even', ['on'] = 'striped-even', ['even'] = 'striped-even', ['striped'] = 'striped-even', } local NAVBOX_CHILD_INDICATOR = '!!C$H$I$L$D!!' local NAVBOX_CHILD_INDICATOR_LENGTH = string.len( NAVBOX_CHILD_INDICATOR ) local CLASS_PREFIX = 'ranger-' --------------------------------------------------------------------- local p = {} local h = {} -- non-public local hooks = mw.title.new('Module:Navbox/Hooks').exists and require('Module:Navbox/Hooks') or {} --------------------------------------------------------------------- -- For templates: {{#invoke:navbox|main|...}} function p.main(frame) local args = p.mergeArgs(frame) return p.build(args, true) end -- For modules: return require('module:navbox').build(args) -- By default this method will skip the arguments sanitizing phase -- (and onSanitizeArgsStart/onSanitizeArgsEnd hooks). -- Set `doParseArgs` to true to do arguments sanitizing. -- If `customConfig` table is provided, it will be merged into default config table (after onLoadConfig()). -- If `customHooks` table is provided, all default hook handles will be overrided, unprovided hooks will be empty. function p.build(args, doParseArgs, customConfig, customHooks) if customHooks then hooks = customHooks end if doParseArgs then args = h.parseArgs(args) end h.runHook('onLoadConfig', config, args) if customConfig then for k,v in pairs(customConfig) do config[k] = v end end --merge default args for k,v in pairs(DEFAULT_ARGS) do if args[k] == nil then args[k] = DEFAULT_ARGS[k] end end h.runHook('onBuildTreeStart', args) local dataTree = h.buildDataTree(args) h.runHook('onBuildTreeEnd', dataTree, args) if type(config.custom_render_handle) == 'function' then return config.custom_render_handle(dataTree, args) else return h.render(dataTree) end end -- merge args from frame and frame:getParent() -- It may be used when creating custom wrapping navbox module. -- -- For example, Module:PillNavbox -- -- local RANGER = require('Module:Navbox') -- local p = {} -- function p.main(frame) -- return RANGER.build(RANGER.mergeArgs(frame), true, { -- default_navbox_class = 'pill', -- use "pill" style by default. -- }) -- end -- return p -- function p.mergeArgs(frame) local inputArgs = {} for k, v in pairs(frame.args) do v = mw.text.trim(tostring(v)) if v ~= '' then inputArgs[k] = v end end for k, v in pairs(frame:getParent().args) do v = mw.text.trim(v) if v ~= '' then inputArgs[k] = v end end return inputArgs end ------------------------------------------------------------------------ -- equivalent to mw.text.split(str, div, true) for non-empty separator, but can be over 60x faster, since the latter is Unicode-aware. -- Original version credit: http://richard.warburton.it. function h.explode(div, str) if (div=='') then return nil end local pos,arr = 0,{} -- for each divider found for st,sp in function() return string.find(str,div,pos,true) end do arr[#arr+1] = string.sub(str,pos,st-1) -- Attach chars left of current divider pos = sp+1 -- Jump past current divider end arr[#arr+1] = string.sub(str,pos) -- Attach chars right of last divider return arr end function h.parseArgs(inputArgs) h.runHook('onSanitizeArgsStart', inputArgs) local args = {} for k, v in pairs(inputArgs) do if type(k) == 'string' then -- all named args have already been trimmed local key = h.normalizeKey(k) args[key] = h.normalizeValue(key, v) else args[k] = mw.text.trim(v) -- keep number-index arguments (for {{navbox|child|...}}) end end h.runHook('onSanitizeArgsEnd', args, inputArgs) return args end -- Normalize the name string of arguments. -- the normalized form is (index:)?name, in which: -- index is number index such as 1, 1.3, 1.2.45, -- name is in lowercase underscore-case, such as group, group_style -- e.g: header_state, 1.3:list_style -- the input argument name can be: -- * camel-case: listStyle, ListStyle -- * space separated: list style -- * prefix+index+postfix?, and can be in camel-case or space/hyphen separated or mixed: list 1 style, list1, list1Style, list1_style -- * index.name: 1.3.list -- * index_name: 1.3_list (Space separated are treated as underscore separated, therefore 1.3 list are vaild too) function h.normalizeKey(s) -- camel-case to lowercase underscore-case s = s:gsub('%l%f[%u]', '%0_') -- listStyle to list_style s = (s:gsub(' ', '_')):lower() -- space to underscore s = s:gsub('%l%f[%d]', '%0_') -- group1* to group_1* s = s:gsub('%d%f[%l]', '%0_') -- *1style to *1_style -- number format x_y_z to x.y.z s = s:gsub('(%d)_%f[%d]', '%1%.') -- move index to the beginning: -- group_1.2_style to 1.2:group_style -- group_1 to 1:group s = s:gsub('^([%l_]+)_([%d%.]+)', '%2:%1') -- support index.name and index_name: -- 1.2.group / 1.2_group to 1.2:group s = s:gsub('^([%d%.]+)[%._]%f[%l]', '%1:') -- now the key should be in normalized form, if the origin key is vaild -- standardize *_css to *_style s = s:gsub('_css$', '_style') -- standardize *collapsible to *state s = s:gsub('collapsible$', 'state') -- standardize all aliases to the canonical name return CANONICAL_NAMES[s] or s end function h.normalizeValue(k, v) k = tostring(k) if k:find('_style$') then v = (v .. ';'):gsub(';;', ';') return v elseif k:find('state$') then return STATES[v] elseif k == 'striped' then return STRIPED[v] elseif k == 'meta' then return not BOOL_FALSE[v] elseif v:sub(1, 2) == '{|' or v:match('^[*:;#]') then -- Applying nowrap to lines in a table does not make sense. -- Add newlines to compensate for trim of x in |parm=x in a template. return '\n' .. v ..'\n' end return v end -- parse arguments, convert them to structured data tree function h.buildDataTree(args) -- parse args to a tree local tree = h.buildTree(args) -- build root navbox data local data = h.buildNavboxData(tree.info) -- Recursively build section tree if tree.children then data.sections = h.buildSections(tree.children, { listClass = h.mergeAttrs(args.list_class, config.default_list_class), listStyle = args.list_style, groupClass = h.mergeAttrs(args.group_class, config.default_group_class), groupStyle = args.group_style, sectionClass = h.mergeAttrs(args.section_class, config.default_section_class), sectionStyle = args.section_style, headerClass = h.mergeAttrs(args.header_class, config.default_header_class), headerStyle = args.header_style, headerState = args.header_state or config.default_header_state, }) end if args[1] == 'child' then data.CHILD_MODE = true end return data end function h.buildSections(list, defaults) local sections = {} local section = nil for k, node in h.orderedPairs(list) do local info = node.info or {} --start a new section if needed if info.header or not section then section = { class = h.mergeAttrs(info.section_class, defaults.sectionClass), style = h.mergeAttrs(info.section_style, defaults.sectionStyle), body = {} } -- Section header if needed. -- If the value of a `|header_n=` is two or more consecutive "-" characters (e.g. --, -----), -- it means start a new section without header, and the new section will be not collapsable. if info.header and not string.match(info.header, '^%-%-+$') then section.header = { content = info.header, class = h.mergeAttrs(info.header_class, defaults.headerClass), style = h.mergeAttrs(info.header_style, defaults.headerStyle), } section.state = info.state or defaults.headerState or 'mw-collapsible' end sections[#sections+1] = section end -- above/below for this section if info.above then section.above = { content = info.above, class= h.mergeAttrs(info.above_class, config.default_above_class), style = info.above_style, } end if info.below then section.below = { content = info.below, class= h.mergeAttrs(info.below_class, config.default_below_class), style = info.below_style, } end -- this group+list row if info.group or info.list or node.children then local row = {} section.body[#section.body+1] = row if info.group then row.group = { content = info.group, class = h.mergeAttrs(info.group_class, defaults.groupClass), style = h.mergeAttrs(info.group_style, defaults.groupStyle), } end if info.list then if string.sub(info.list, 1, NAVBOX_CHILD_INDICATOR_LENGTH) == NAVBOX_CHILD_INDICATOR then -- it is from {{navbox|child| ... }} row.sections = mw.text.jsonDecode(string.sub(info.list, NAVBOX_CHILD_INDICATOR_LENGTH+1)) else row.list = { content = info.list, class = h.mergeAttrs(info.list_class, defaults.listClass), style = h.mergeAttrs(info.list_style, defaults.listStyle), } end end -- sub-nodes, will override {{navbox|child| ... }} if node.children then row.sections = h.buildSections(node.children, defaults) end end end -- flatten if needed: -- If a section has only one list with no content and no corresponding group but has sublists, these sublists will be moved to upper level. for _, sect in ipairs(sections) do if #sect.body == 1 then local node = sect.body[1] if not node.group and not node.list and node.sections and #node.sections == 1 and not node.sections[1].header then sect.body = node.sections[1].body end end end return sections end function h.buildNavboxData(info) local data = { state = info.state or 'mw-collapsible', -- here we need a default value for empty input striped = info.striped, class = h.mergeAttrs(info.navbox_class, config.default_navbox_class), style = info.navbox_style, } -- data for titlebar if info.title or info.meta or data.state ~= '' then data.title = { content = info.title, class = h.mergeAttrs(info.title_class, config.default_title_class), style = info.title_style, } if info.meta then data.metaLinks = { link = info.meta_link, -- will be used as [[$link|$text]] url = info.meta_url, -- will be used as [$url $text], only if there is no data.metaLinks.link text = info.meta_text, --hovertext } if not info.meta_link and not info.meta_url then -- default link target local title = mw.title.new(info.template or mw.getCurrentFrame():getParent():getTitle(), 'Template') if not title then error('Invalid title ' .. info.template) end data.metaLinks.link = title.fullText end if not info.meta_text then local msg = mw.message.new(config.editlink_hover_message_key) data.metaLinks.text = msg:exists() and msg:plain() or 'View or edit this template' end end end -- above/below if info.above then data.above = { content = info.above, class= h.mergeAttrs(info.above_class, config.default_above_class), style = info.above_style, } end if info.below then data.below = { content = info.below, class= h.mergeAttrs(info.below_class, config.default_below_class), style = info.below_style, } end return data end -- parse arguments, convert them into a tree based on their index -- each node on tree is { info = { #data for this node# }, children = {#children nodes#} } function h.buildTree(args, defaults) local tree = { info = {} } local check = function(key, value) local index, name = string.match(key, '^([%d%.]+):(.+)$') -- no number index found, for root node if not index then tree.info[key] = value return end -- filter invalid number index if string.match(index, '^%.') or string.match(index, '%.$') or string.match(index, '%.%.') then return end -- find the node that matches the index in the tree local arr = h.explode('.', index) local node = tree for _, v in ipairs(arr) do v = tonumber(v) if not node.children then node.children = {} end if not node.children[v] then node.children[v] = { info = {} } end node = node.children[v] end node.info[name] = value end for k,v in pairs(args) do check(k, v) end return tree end function h.render(data) -- handle {{navbox|child|...}} syntax if data.CHILD_MODE then return NAVBOX_CHILD_INDICATOR..mw.text.jsonEncode(data.sections) end ----- normal case ----- local out = mw.html.create() -- build navbox container local navbox = out:tag('div') :attr('role', 'navigation'):attr('aria-label', 'Navbox') :addClass(CLASS_PREFIX..'navbox') :addClass(data.class) :addClass(data.striped) :addClass(data.state) :cssText(data.style) --title bar if data.title then local titlebar = navbox:tag('div'):addClass(CLASS_PREFIX..'title') titlebar:tag('div'):addClass('mw-collapsible-toggle-placeholder') if data.metaLinks then titlebar:node(h.renderMetaLinks(data.metaLinks)) end if data.title then titlebar:addClass(data.title.class):tag('div') :addClass(CLASS_PREFIX..'title-text') :addClass(data.title.class) :cssText(data.title.style) :wikitext(data.title.content) end end --above if data.above then navbox:tag('div') :addClass(CLASS_PREFIX..'above mw-collapsible-content') :addClass(data.above.class) :cssText(data.above.style) :wikitext(data.above.content) :attr('id', (not data.title) and mw.uri.anchorEncode(data.above.content) or nil) -- id for aria-labelledby attribute, if no title end -- sections if data.sections then h.renderSections(data.sections, navbox, 0, true) else -- Insert a blank section for completely empty navbox to ensure it behaves correctly when collapsed. if not data.above and not data.below then navbox:tag('div'):addClass(CLASS_PREFIX..'section mw-collapsible-content') end end --below if data.below then navbox:tag('div') :addClass(CLASS_PREFIX..'below mw-collapsible-content') :addClass(data.below.class) :cssText(data.below.style) :wikitext(data.below.content) end return tostring(out)..'[[Category:Pages with navboxes]]' -- suggest to use HIDDENCAT here; will be used for maintenance & gadget imports end function h.renderSections(data, container, level, even) for i,sect in ipairs(data) do --section box local section = container:tag('div') :addClass(CLASS_PREFIX..'section mw-collapsible-content') :addClass(sect.class) :addClass(sect.state) :cssText(sect.style) -- section header if sect.header then section:tag('div') :addClass(CLASS_PREFIX..'header') :addClass(sect.header.class) :cssText(sect.header.style) :tag('div'):addClass('mw-collapsible-toggle-placeholder'):done() :tag('div'):addClass(CLASS_PREFIX..'header-text'):wikitext(sect.header.content) end -- above: if sect.above then section:tag('div') :addClass(CLASS_PREFIX..'above mw-collapsible-content') :addClass(sect.above.class) :cssText(sect.above.style) :wikitext(sect.above.content) end -- body: groups&lists local box = section:tag('div'):addClass(CLASS_PREFIX..'section-body mw-collapsible-content') even = h.renderBody(sect.body, box, level, (level==0) and true or even) -- reset even status each section -- below: if sect.below then section:tag('div') :addClass(CLASS_PREFIX..'below mw-collapsible-content') :addClass(sect.below.class) :cssText(sect.below.style) :wikitext(sect.below.content) end end return even end function h.renderMetaLinks(info) local box = mw.html.create('span'):addClass(CLASS_PREFIX..'meta') local meta = box:tag('span'):addClass('nv nv-view') if info.link then meta:wikitext('[['..info.link..'|') :tag('span'):wikitext(info.text):attr('title', info.text):done() :wikitext(']]') elseif info.url then meta:wikitext('['..info.url..' ') :tag('span'):wikitext(info.text):attr('title', info.text):done() :wikitext(']') end return box end function h.renderBody(info, box, level, even) local count = 0 for _,v in h.orderedPairs(info) do if v.group or v.list or v.sections then count = count + 1 -- row container local row = box:tag('div'):addClass(CLASS_PREFIX..'row') -- group cell if v.group or (v.sections and level > 0 and not v.list) then local groupCell = row:tag('div') :addClass(CLASS_PREFIX..'group level-'..level) :addClass((level > 0) and CLASS_PREFIX..'subgroup' or nil) local groupContentWrap = groupCell:tag('div'):addClass(CLASS_PREFIX..'wrap') if v.group then groupCell:addClass(v.group.class):cssText(v.group.style) groupContentWrap:wikitext(v.group.content) else groupCell:addClass('empty') row:addClass('empty-group-list') end else row:addClass('empty-group') end -- list cell local listCell = row:tag('div'):addClass(CLASS_PREFIX..'listbox') if not v.list and not v.sections then listCell:addClass('empty') row:addClass('empty-list') end if v.list or (v.group and not v.sections) then --listCell:node(h.renderList(v['list'] or '', k, level, args)) even = not even -- flip even/odd status local cell = listCell:tag('div') :addClass(CLASS_PREFIX..'wrap') :addClass(even and CLASS_PREFIX..'even' or CLASS_PREFIX..'odd') if v.list then cell:addClass(v.list.class):cssText(v.list.style) :tag('div'):addClass(CLASS_PREFIX..'list'):wikitext(v.list.content) end end if v.sections then local sublistBox = listCell:tag('div'):addClass(CLASS_PREFIX..'sublist level-'..level) even = h.renderSections(v.sections, sublistBox, level+1, even) end end end if count > 0 then box:css('--count', count) -- for flex-grow end return even end -- pairs, but sort the keys alphabetically function h.orderedPairs(t, f) local a = {} for n in pairs(t) do table.insert(a, n) end table.sort(a, f) local i = 0 -- iterator variable local iter = function () -- iterator function i = i + 1 if a[i] == nil then return nil else return a[i], t[a[i]] end end return iter end -- For cascading parameters, such as style or class, they are merged in exact order (from general to specific). -- Any parameter starting with multiple hyphens(minus signs) will terminate the cascade. -- An example: -- For group_1.1, its style is affected by parameters |group_1.1_style=... , |subgroup_level_1_style=... , and |subgroup_style=... . -- If we have |group_1.1_style= color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; , -- the style of group_1.1 will be style="color:green; font-weight: bold; color: red;" ; -- if we have |group_1.1_style= -- color:red; |subgroup_level_1_style= font-weight: bold; and |subgroup_style= color: green; , -- the style of group_1.1 will be style="color: red;" only, and the cascade is no longer performed for |subgroup_level_1_style and |subgroup_style. function h.mergeAttrs(...) local trim = mw.text.trim local s = '' for i=1, select('#', ...) do local v = trim(select(i, ...) or '') local str = string.match(v, '^%-%-+(.*)$') if str then s = trim(str..' '..s) break else s = trim(v..' '..s) end end if s == '' then s = nil end return s end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end ----------------------------------------------- return p 3708af7780e043415ec8ae2dc63d8fc36bfe6e8d 828 13 21 2025-07-23T00:07:37Z ARTIFICER 564804 Importing default loadout Scribunto text/plain local p = {} function p.merge() local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end return args end return p 1d1b2105bd857dcc5e33c8c0a8a780f67cbae72e 828 14 22 2025-07-23T00:07:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This is a basic module for processing args. Usage: <syntaxhighlight lang="lua"> local util_args = require('Module:ArgsUtil') local p = {} function p.main(frame) local args = util_args.merge() -- it is not necessary to pass a `frame` object; `merge` will generate its own mw.logObject(args) -- `args` now contains args passed via the template merged with defaults provided directly via the invoke. -- anything the user sent via the template will be given priority. end return p </syntaxhighlight> == Extending this module == By design, {{ml|ArgsUtil}} is shipped with only a single function and no customization available; this simplifies documentation and covers nearly all use cases. An extended version of this module is available at [[support:Module:ArgsUtil|Module:ArgsUtil on the support wiki]] if you want additional functionality; and you can of course feel free to modify this module on your own wiki as needed. 6fc2a23dcff62ac5a222903e46bc56c07b0a2b1f 828 15 23 2025-07-23T00:07:38Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- This code is adapted from Wikipedia -- For the original, please see: https://en.wikipedia.org/wiki/Module:Template_link_general -- This implements Template:Tlg local getArgs = require('Module:ArgsUtil').merge local p = {} -- Is a string non-empty? local function _ne(s) return s ~= nil and s ~= "" end local nw = mw.text.nowiki local function addTemplate(s) local i, _ = s:find(':', 1, true) if i == nil then return 'Template:' .. s end local ns = s:sub(1, i - 1) if ns == '' or mw.site.namespaces[ns] then return s else return 'Template:' .. s end end local function trimTemplate(s) local needle = 'template:' if s:sub(1, needle:len()):lower() == needle then return s:sub(needle:len() + 1) else return s end end local function linkTitle(args) if _ne(args.nolink) then return args[1] end local titleObj local titlePart = '[[' if args[1] then -- This handles :Page and other NS titleObj = mw.title.new(args[1], 'Template') else titleObj = mw.title.getCurrentTitle() end titlePart = titlePart .. (titleObj ~= nil and titleObj.fullText or addTemplate(args[1])) local textPart = args.alttext if not _ne(textPart) then if titleObj ~= nil then textPart = titleObj:inNamespace("Template") and args[1] or titleObj.fullText else -- redlink textPart = args[1] end end if _ne(args.subst) then -- HACK: the ns thing above is probably broken textPart = 'subst:' .. textPart end if _ne(args.brace) then textPart = nw('{{') .. textPart .. nw('}}') elseif _ne(args.braceinside) then textPart = nw('{') .. textPart .. nw('}') end titlePart = titlePart .. '|' .. textPart .. ']]' if _ne(args.braceinside) then titlePart = nw('{') .. titlePart .. nw('}') end return titlePart end function p.main(frame) local args = getArgs() return p._main(args) end function p._main(args) local bold = _ne(args.bold) or _ne(args.boldlink) or _ne(args.boldname) local italic = _ne(args.italic) or _ne(args.italics) local dontBrace = _ne(args.brace) or _ne(args.braceinside) local code = _ne(args.code) or _ne(args.tt) local show_result = _ne(args._show_result) local expand = _ne(args._expand) -- Build the link part local titlePart = linkTitle(args) if bold then titlePart = "'''" .. titlePart .. "'''" end if _ne(args.nowrapname) then titlePart = '<span class="nowrap">' .. titlePart .. '</span>' end -- Build the arguments local textPart = "" local textPartBuffer = "&#124;" local codeArguments = {} local codeArgumentsString = "" local i = 2 local j = 1 while args[i] do local val = args[i] if val ~= "" then if _ne(args.nowiki) then -- Unstrip nowiki tags first because calling nw on something that already contains nowiki tags will -- mangle the nowiki strip marker and result in literal UNIQ...QINU showing up val = nw(mw.text.unstripNoWiki(val)) end local k, v = string.match(val, "(.*)=(.*)") if not k then codeArguments[j] = val j = j + 1 else codeArguments[k] = v end codeArgumentsString = codeArgumentsString .. textPartBuffer .. val if italic then val = '<span style="font-style:italic;">' .. val .. '</span>' end textPart = textPart .. textPartBuffer .. val end i = i + 1 end -- final wrap local ret = titlePart .. textPart if not dontBrace then ret = nw('{{') .. ret .. nw('}}') end if _ne(args.a) then ret = nw('*') .. '&nbsp;' .. ret end if _ne(args.kbd) then ret = '<kbd>' .. ret .. '</kbd>' end if code then ret = '<code>' .. ret .. '</code>' elseif _ne(args.plaincode) then ret = '<code style="border:none;background:transparent;">' .. ret .. '</code>' end if _ne(args.nowrap) then ret = '<span class="nowrap">' .. ret .. '</span>' end --[[ Wrap as html?? local span = mw.html.create('span') span:wikitext(ret) --]] if _ne(args.debug) then ret = ret .. '\n<pre>' .. mw.text.encode(mw.dumpObject(args)) .. '</pre>' end if show_result then local result = mw.getCurrentFrame():expandTemplate{title = addTemplate(args[1]), args = codeArguments} ret = ret .. " → " .. result end if expand then local query = mw.text.encode('{{' .. addTemplate(args[1]) .. string.gsub(codeArgumentsString, textPartBuffer, "|") .. '}}') local url = mw.uri.fullUrl('special:ExpandTemplates', 'wpInput=' .. query) mw.log() ret = ret .. " [" .. tostring(url) .. "]" end return ret end return p 45d40a4bff9a1d0eb4274f56fb2f17849aa68728 828 16 24 2025-07-23T00:07:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{From Wikipedia|Module:Template link general}} 1a395265ccbd055518c1d14b52362cc148b89c81 828 17 25 2025-07-23T00:07:38Z ARTIFICER 564804 Importing default loadout Scribunto text/plain local p = {} local h = {} -- merge args from frame and frame:getParent() function h.mergeArgs(frame) local inputArgs = {} for k, v in pairs(frame.args) do v = mw.text.trim(tostring(v)) if v ~= '' then inputArgs[k] = v end end for k, v in pairs(frame:getParent().args) do v = mw.text.trim(v) if v ~= '' then inputArgs[k] = v end end return inputArgs end -------------------------------------------------------------------- function p.main(frame) local args = h.mergeArgs(frame) -- use the rootpage parameter if given, otherwise use the current page name local rootpage = args['rootpage'] or mw.title.getCurrentTitle().fullText local layouts = {'desktop', 'tablet', 'mobile'} for _,layout in pairs(layouts) do -- collapse consecutive line breaks and spaces, then trim -- we need to check for permutations of " \n" because trim can't clean that up if it's in the middle of the string args[layout] = mw.text.trim(args[layout]):gsub("\n\n+", "\n"):gsub(" +", " "):gsub(" \n", "\n"):gsub("\n ", "\n") end -- parse the arguments into CSS variables that contain legal syntax for grid-template-areas local desktop = "--main-page-layout--desktop: '" .. string.gsub(args['desktop'], '\n', "' '") .. "';" local tablet = "--main-page-layout--tablet: '" .. string.gsub(args['tablet' ], '\n', "' '") .. "';" local mobile = "--main-page-layout--mobile: '" .. string.gsub(args['mobile' ], '\n', "' '") .. "';" -- grid-template-columns overrides local desktop_cols = mw.text.trim(string.gsub(args['desktop-columns'] or '', ';', '')) local tablet_cols = mw.text.trim(string.gsub(args[ 'tablet-columns'] or '', ';', '')) local mobile_cols = mw.text.trim(string.gsub(args[ 'mobile-columns'] or '', ';', '')) -- set the variables used by grid-template-columns if desktop_cols ~= '' then desktop = desktop .. '--main-page-layout-columns--desktop: '.. desktop_cols ..';' end if tablet_cols ~= '' then tablet = tablet .. '--main-page-layout-columns--tablet: '.. tablet_cols ..';' end if mobile_cols ~= '' then mobile = mobile .. '--main-page-layout-columns--mobile: '.. mobile_cols ..';' end local boxes = {} -- list of all boxes as a simple list, used to set the order of appearance local seen_boxes = {} -- list of all boxes as a k:v pair, used to filter out duplicates local boxes_in_layout = {} -- list of layouts, then list of all boxes in that layout local missing_boxes = {} -- list of layouts, then list of boxes that are *not* included in that layout -- add every box referenced in the layout rules once function parse_layout(layout) for _,name in pairs(mw.text.split(mw.text.trim(args[layout]), '%s')) do if not seen_boxes[name] then boxes[#boxes+1] = name -- table with numerical keys for set html order seen_boxes[name] = true end boxes_in_layout[layout][name] = true end end -- loop through the layouts the first time to set up the box lists for _,layout in pairs(layouts) do boxes_in_layout[layout] = {} missing_boxes[layout] = {} parse_layout(layout) end -- then loop through the layouts a second time because we need to compare those completed lists to check for missing boxes for _,layout in pairs(layouts) do for _,name in pairs(boxes) do if boxes_in_layout[layout][name] ~= true then mw.addWarning( 'WARNING: the \"' .. name .. '\" box is missing in the ' .. layout .. ' layout. If this is intentional, you can ignore this warning.') missing_boxes[layout][name] = true end end end -- start our mp-container wrapper, and add our variables from earlier as inline styles to declare them -- the rootpage is added to the dataset so it's easily accessible by mp-edit-links.js and it doesn't need to make its own API call local output = mw.html.create() local container = output:tag('div'):attr('id', 'mp-container'):cssText(desktop .. tablet .. mobile):attr('data-rootpage', rootpage) -- loop through boxes and add the relevant main page subpages into the output for _,box in pairs(boxes) do mw.ext.VariablesLua.vardefine('imp-variable-id', box) -- using a vardefine lets us pass this directly to the template without going through the user-facing box local pre_vardefine = '' for _,layout in pairs(layouts) do pre_vardefine = pre_vardefine .. (missing_boxes[layout][box] and '0' or '1') .. ',' end -- formatted as a psuedo-bitmask to reduce variable usage, "<display-on-destop>, <display-on-tablet>, <display-on-mobile>," each value is 0 or 1 (trailing comma is insignificant) -- expected to be used with #explode in the template receiving the variable mw.ext.VariablesLua.vardefine('imp-variable-display-box', pre_vardefine) if mw.title.new(rootpage .. '/' .. box).exists then container:wikitext(frame:expandTemplate{ title = ':' .. rootpage .. '/' .. box}) else container:wikitext(frame:expandTemplate{ title = 'Main page box/missing', args = { box, rootpage = rootpage}}) -- See [[Template:Main page box/missing]] end end return output end return p c6237f93b472a243ae7393913c285b3ae62c08f5 828 18 26 2025-07-23T00:07:39Z ARTIFICER 564804 Importing default loadout Scribunto text/plain -- as of Module:Navbox version 1.2.2 local p = {} --------------------------------------------------- -- Runs before RANGER does args sanitizing -- `inputArgs` is the merged input arguments from the template (frame.args + frame:getParent().args) function p.onSanitizeArgsStart(inputArgs) end -- Runs after RANGER does args sanitizing -- `args` parameter is the sanitized arguments table with normalized keys (in lowercase underscore-case with canonical names) and normalized values. function p.onSanitizeArgsEnd(args, inputArgs) end -- Runs when RANGER loads config table (after onSanitizeArgsEnd and before onBuildTreeStart) -- `config` parameter is the default config table. -- `args` parameter is the sanitized arguments table (has not yet merged the DEFAUT_ARGS table). function p.onLoadConfig(config, args) end -- Runs before RANGER converts sanitized arguments table to structured data tree -- `args` parameter is the sanitized arguments table that has the DEFAUT_ARGS merged. function p.onBuildTreeStart(args) end -- Runs after RANGER converts sanitized arguments table to structured data tree -- `tree` parameter is the structured data. -- `args` parameter is the sanitized arguments table. function p.onBuildTreeEnd(tree, args) end --------------------------------------------------- return p 54e0c53295a318f2b18e70dc64e5b09867e03128 828 19 27 2025-07-23T00:07:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This module is used by [[Template:Navbox]]. 87d5c562165cd75b963e03aa428c80413bacff30 10 20 28 2025-07-23T00:07:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="documentation"><!-- --><div class="documentation-header"><!-- -->[[File:Template-{{#ifexist:{{#vardefineecho:docpage|{{{1|Template:{{#replace:{{{1|{{PAGENAME}}/doc}}}|Template:|}}}}}<!-- end vde -->}}|{{#if:{{{baddoc|}}}|bad}}|no}}info.svg|50px|link=]] <!-- --><span style="font-weight: bold; font-size: 125%; margin-right: 10px;">Documentation</span> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!--nothing-->|<!-- -->{{#ifexist:{{#var:docpage}}|<!-- --><span style="font-size: 90%; font-style: italic;"><!-- -->[{{fullurl:{{#var:docpage}}|action=edit}} Edit] this documentation at [{{fullurl:{{#var:docpage}}|redirect=no}} {{FULLPAGENAMEE:{{#var:docpage}}}}].<!-- --></span><!-- -->}}<!-- -->}}<!-- --><div style="text-align: right; margin-left: 5px;"><!-- -->([{{fullurl:{{FULLPAGENAMEE}}/doc|action=edit}} edit] • [{{fullurl:{{FULLPAGENAMEE}}/doc|action=history}} history] • [{{fullurl:{{FULLPAGENAMEE}}|action=purge}} purge])<!-- --></div><!-- --></div><!-- <!-- leave line break here --> {{#if:{{{lua|}}}|{{UsesLua|{{{lua}}} }} }} <!-- documentation text/error box begins here --> <div style="border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: 0.5em auto 1em; padding: 0.8em 1.2em; background: var(--wiki-content-background-color--secondary);"> <!-- -->{{#ifexist:{{#var:docpage}}|<!-- If there is documentation --> {{ {{#var:docpage}} }} <!-- Else -->|<!-- -->No documentation subpage exists yet for this template. [{{fullurl:{{FULLPAGENAMEE:Template:{{{1|{{PAGENAME}}}}}}}/doc|action=edit&preload=Template:Documentation/preload}} Create one now].<!-- -->[[Category:Templates with no documentation]]<!-- -->}}<!-- leave line break here --> <!-- documentation text/error box ends here --> </div> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!-- -->{{#ifeq:{{BASEPAGENAME}}|Doc|<!--nothing-->|<!-- only if page is not Template:Documentation -->This is the documentation page, it should be transcluded into the main template page. See {{tlx|doc}} for more information. <!-- -->[[Category:Template documentation]]<!-- -->}}<!-- -->}}<!-- --></div><!-- --></includeonly><!-- --><noinclude>{{Documentation}} [[Category:Documentation templates| ]] </noinclude> c4c3117e700d89854599fb352f60792ed2165be0 10 21 29 2025-07-23T00:07:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <noinclude>[[Category:Documentation templates]]</noinclude>{{#ifeq:{{int:scribunto-doc-page-name|{{ROOTPAGENAME}}}}|{{FULLPAGENAME}}||<div class="luadoc">Edit the [[{{int:scribunto-doc-page-name|{{ROOTPAGENAME}}}}|documentation or categories]] for this module. {{#ifexist:{{FULLPAGENAME}}/i18n|This module has an [[/i18n|i18n file]].}}</div>}} 37de49949dfa0f16975ff4e9850b4573ec388cb6 10 22 30 2025-07-23T00:07:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- Variables -->{{#vardefine:link|{{{link|{{{1|}}}}}}}}<!-- Image-->{{#if:{{{image|}}}|[[File:{{#replace:{{{image|}}}|File:}}|{{{size|42px}}}|link={{#var:link}}{{#if:{{{altText|}}}|{{!}}alt={{{altText|}}}}}|class={{{imageClass|}}}]]}}<!-- Link below the image -->{{#if:{{{1|}}}|<!-- If it's an external link, use external link syntax -->{{#if:{{#pos:{{{link|}}}|http}}|[{{{link|}}} {{{1|}}}]|<!-- Otherwise use normal syntax the ifeq, pos, sub combo is filtering out a leading :, so that we can add our own without doubling up, allowing easy category linking -->[[:{{#ifeq:{{#pos:{{#var:link}}|:}}|0|{{#sub:{{#var:link}}|1}}|{{#var:link}}}}|{{{1|}}}]]}} }}</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> be5325327a3e6c626069e9f98a5dd2b9f283042c 10 23 31 2025-07-23T00:07:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This creates one of the stylized and formatted links on the [[{{MediaWiki:Mainpage}}|main page]]. == Usage == Groups of this template should be wrapped inside of <code><nowiki><div class="mp-links"></div></nowiki></code> and each entry should be a separate line in an [[wikipedia:Help:Lists#Basically|unordered list]]. This div can be given one of the classes <code>columns-x</code> where x is a number from 1 to 8, and the links will line up in that many columns if space permits (default is 3). The div can also optionally be given the class <code>stretch</code> and it will stretch the list vertically to fill empty space. See [[Mediawiki:Common.css]] for the full definitions of these classes and styling for this template. ===Parameters=== <templatedata> { "description": { "en": "Creates stylized and formatted links on the main page." }, "format": "inline", "params": { "1": { "label": { "en": "Text" }, "description": { "en": "The text to display. If the link parameter is not given, this will also be the link target." }, "example": "Stuff", "type": "string", "suggested": true }, "link": { "label": { "en": "Link" }, "description": { "en": "The target page for the link, if different than the display text." }, "required": false, "example": "Main Page", "type": "wiki-page-name" }, "image": { "label": { "en": "Image" }, "description": { "en": "An image to display with the link." }, "required": false, "suggested": true, "type": "wiki-file-name" }, "size": { "label": { "en": "Image size" }, "description": { "en": "The size of the image, in px." }, "required": false, "default": "42px", "type": "string" }, "imageClass": { "label": "Image class", "description": "A class to give directly to the image", "example": "invert-on-dark", "type": "string", "suggestedvalues": [ "invert-on-dark", "invert-on-light" ] }, "altText": { "label": "Alt text", "description": "Alt text to describe the image", "example": "Wiki logo", "type": "string", "suggested": true } }, "paramOrder": [ "1", "link", "image", "size", "imageClass", "altText" ] } </templatedata> ==Examples== <pre> <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> </pre> Produces: <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> <noinclude> [[Category:Template documentation]] </noinclude> 0df5d36904353428acb21882bd8923560f77a142 10 24 32 2025-07-23T00:07:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Documentation]] 041222999c2c4765a4663432058f50686fb65f40 10 25 33 2025-07-23T00:07:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Lua logo.svg | title= This template uses one or more modules written in the Lua programming language. | message = For more information, see [[wikipedia:Wikipedia:Lua|Wikipedia:Lua]] or the [[mw:Extension:Scribunto/Lua reference manual|Lua reference manual on mediawiki.org]]. Modules used include: {{#if:{{{1|}}}|{{#arraymap:{{{1|}}}|,|%s|'''[[Module:%s|%s]]'''}}|''None provided''}}. | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc|Template:Ambox/doc}}</noinclude> 1930c9b36136a5562cfaf7584f811d62b114a58a 10 26 34 2025-07-23T00:07:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="ambox {{{class|}}} {{#ifeq:{{lc:{{{tiny|}}}}}|yes|tiny}}"<!-- --> style="{{#if:{{{color|}}}|--ambox-color: {{{color|}}};<!-- /if -->}}"><!-- --><div class="ambox-icon metadata <!-- the metadata class stops it from showing in MediaViewer -->">[[File:{{{icon|Ambox banner content.svg}}}{{!}}{{#ifeq:{{lc:{{{tiny|}}}}}|yes|48x20px|48x48px}}|alt=|link=]]</div><!-- --><div class="ambox-content"><!-- start ambox content -->{{#if: {{{title|}}} | <p class="ambox-title">{{{title}}}</p> }}<!-- --><p class="ambox-text">{{{message|No text provided.}}}{{#if: {{{date|}}} |<nowiki> </nowiki>(Message added: {{{date}}}) }}</p><!-- --></div><!-- end ambox content --></div><!-- end ambox --></includeonly><noinclude> {{doc}} [[Category:Notice templates]]</noinclude> 8aaad422c212cbd451862c241845af0d62eddbd5 10 27 35 2025-07-23T00:07:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{<noinclude>{{documentation}}</noinclude> a506ba66cf7c806baae7faecb221b3a946721f6a 10 28 36 2025-07-23T00:07:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Tl]] af3906f239c45d791753d3170c656eddd6d1af5f 10 29 37 2025-07-23T00:07:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Template link|main|code=on}}</includeonly><noinclude> {{Documentation}} </noinclude> 1c13b1daaf7b7e8ce1e45cc03b4baf31c09bc6cd 10 30 38 2025-07-23T00:07:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{From Wikipedia|Module:Template link general,Template:Tlx}} {{Uses Lua|Template link}} This template returns an exemplaric use of a template while linking to the template description page, if the template exists. == Usage == <pre> {{tl|<Template name>}} {{tl|<Template name>|<Template parameters>}} </pre> ; ''unnamed parameter'' 1 : Template name (without <code>Template:</code> prefix) ; ''unnamed parameter'' 2 - 9 : Optional. Template parameters ; nl : Optional flag to display an un-linked template usage. == Examples == : <code><nowiki>{{tl|stub}}</nowiki></code> returns {{tl|stub}} : <code><nowiki>{{tl|stub|1}}</nowiki></code> returns {{tl|stub|1}} : <code><nowiki>{{tl|stub|1|2|nl{{=}}y}}</nowiki></code> returns {{tl|stub|1|2|nl{{=}}y}} : <code><nowiki>{{tl|for|page|t1{{=}}alt text}}</nowiki></code> returns {{tl|for|page|t1{{=}}alt text}} == See also == <includeonly> [[Category:Formatting templates]] </includeonly><noinclude>[[Category:Template documentation]]</noinclude> 7cb4f0fa749ef8a18a48c4b5816357a225f4acee 10 31 39 2025-07-23T00:07:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <span class="nowrap">{{{1}}}</span><noinclude> {{documentation}} </noinclude> 8817bafce418a08a72f3425283fc03d04a2d8d44 10 32 40 2025-07-23T00:07:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki }}<noinclude> {{documentation}} </noinclude> 85ca77d4d6ff71d8e6396ebd798f87fa7f45dc02 10 33 41 2025-07-23T00:07:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 34 42 2025-07-23T00:07:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Nowrap]] 269180d5083536bbbf72d889477805cfde7aac9e 10 35 43 2025-07-23T00:07:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <span style{{=}}"font-weight:normal; font-style:normal">{{{1}}}</span><noinclude> {{documentation}} </noinclude> f1d74e033cde1ce3b2efdc98b78fb863b8524fcf 10 36 44 2025-07-23T00:07:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- ! scope="col" style="width:7.0em;" | {{no wrap|Template call}}<br>{{normal|('''m''' for magic word)}} ! scope="col" style="width:5.75em;" | {{no wrap|Output}}&nbsp;{{normal|(delayed interpretation as wikimarkup)}} ! scope="col" style="width:9.0em;" | {{no wrap|HTML alternative}} {{normal|(never interpreted as wikimarkup)}} ! Why you might want to use this |- style="vertical-align:top" | <code><nowiki>{{!}}</nowiki></code> '''(m)''' | <nowiki>|</nowiki> | &amp;#124; or {{tl|pipe}} | Displaying pipe characters inside of a parser function |- style="vertical-align:top" | <code><nowiki>{{=}}</nowiki></code> '''(m)''' | <nowiki>=</nowiki> | &amp;#61; | Displaying equal signs inside of unnamed parameters (e.g. <code><nowiki>{{MyTemplate|1+1=2}}</nowiki></code> will assign <code>2</code> to <code><nowiki>{{{1+1|}}}</nowiki></code>; <code><nowiki>{{MyTemplate|1+1{{=}}2}}</nowiki></code> will do what you want) |- style="vertical-align:top" | {{tlx|!!}} | <nowiki>||</nowiki> | &amp;#124;&amp;#124; | Displaying a break between two table cells inside of a parser function |- style="vertical-align:top" | {{tlx|!(}} | {{!(}} | &amp;#91; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|)!}} | {{)!}} | &amp;#93; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|!((}} | {{!((}} | &amp;#91;&amp;#91; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|))!}} | {{))!}} | &amp;#93;&amp;#93; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|(}} | {{(}} | &amp;#123; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|)}} | {{)}} | &amp;#125; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|((}} | {{((}} | &amp;#123;&amp;#123; | Displaying open braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|))}} | {{))}} | &amp;#125;&amp;#125; | Displaying closed braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|(((}} | {{(((}} | &amp;#123;&amp;#123;&amp;#123; | Displaying a template parameter's open curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|)))}} | {{)))}} | &amp;#125;&amp;#125;&amp;#125; | Displaying a template parameter's closed curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|(!}} | <nowiki>{|</nowiki> | &amp;#123;&amp;#124; | Starting a table inside of a parser function |- style="vertical-align:top" | {{tlx|!-}} | <nowiki>|-</nowiki> | &amp;#124;&amp;#45; | Starting a new table row inside of a parser function |- style="vertical-align:top" | {{tlx|!)}} | <nowiki>|}</nowiki> | &amp;#124;&amp;#125; | Closing a table inside of a parser function |}<includeonly> [[Category:Formatting templates]] </includeonly><noinclude>[[Category:Template documentation]]</noinclude> 9e1eb11bc0644d97b4cc9bc4445c3f0bacdd339d 10 37 45 2025-07-23T00:07:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [<noinclude> {{documentation}}</noinclude> 1b058774deae9a7e511a0486a04647d6a3b9af62 10 38 46 2025-07-23T00:07:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 39 47 2025-07-23T00:07:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 40 48 2025-07-23T00:07:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 41 49 2025-07-23T00:07:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[<noinclude> {{documentation}}</noinclude> a331374acf15177afbb3ffc0ec7bd5ada14c582e 10 42 50 2025-07-23T00:07:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 43 51 2025-07-23T00:07:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ]]<noinclude> {{documentation}}</noinclude> 3d84066ce45d0c1fca0bb04608a4e73c6ea54324 10 44 52 2025-07-23T00:07:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 45 53 2025-07-23T00:07:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Navbox|main}}</includeonly><noinclude>[[Category:Navigation templates]] {{documentation}}</noinclude> 11355a4514de8aa6c0ae686240591d267101c58c 10 46 54 2025-07-23T00:07:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{no direct use}} {{UsesLua|Navbox}} This template is designed to set up navigational templates relatively quickly with one or more lists of links. We highly recommend using this template for standardizing navigational templates and ease of use, especially for mobile devices. See [[support:RANGER navboxes|the support wiki]] for more information, including installation steps and further examples. == Basic example == The following example demonstrates the core functionality of this template: the title text, one standard link group, and one link group that contains two sub-groups. The rows are striped for easier readability. {{Navbox | title = Items | striped = even | group1 = Consumables | list1 = * Health Potion * Mana Potion | group2 = Weapons | group2.1 = Swords | list2.1 = * Wooden Sword * Rusted Sword * Steel Sword | group2.2 = Bows | list2.2 = * Shortbow * Crossbow * Longbow }} <syntaxhighlight lang="wikitext" style="overflow: auto;"> {{Navbox | template = <template_title> <!-- Required. e.g. `|template=Items` for template:Items --> | title = Items | striped = even | group1 = Consumables | list1 = * Health Potion * Mana Potion | group2 = Weapons | group2.1 = Swords | list2.1 = * Wooden Sword * Rusted Sword * Steel Sword | group2.2 = Bows | list2.2 = * Shortbow * Crossbow * Longbow }} </syntaxhighlight> == Parameters == === Main === The following parameters modify the navbox as a whole. {| class="wikitable" ! Parameter ! Description |- ! <code>template</code><br><code>name</code> | ('''Required''') Title of the template that the edit icon links to. e.g. <code>Items</code> for template:Items. |- ! <code>title</code> | Text that appears at the top of the navbox. |- ! <code>state</code><br><code>collapsible</code> | Controls if a navbox should be expanded or collapsed when the page loads. This only affects the whole navbox; if [[#Sections|sections]] are used, they are treated differently. * <code>expanded</code> ('''default''') - the navbox will start open and readers can collapse it. * <code>collapsed</code> - the navbox will start closed and readers can expand it. * <code>off</code>, <code>no</code>, or <code>plain</code> - the navbox will start open and cannot be collapsed. Advanced users can modify this on a page-by-page basis; see [[support:RANGER navboxes#Controlling the collapsible|the support wiki]] for more information. |- ! <code>editlinks</code> | Controls if an edit icon should be displayed at the top-left of the navbox, making it easier for users to interact with the template itself. * unset ('''default''') - displays the edit icon * <code>off</code> or <code>no</code> - hides the edit icon |- ! <code>above</code> | Text that appears above all list groups, directly below the title. |- ! <code>below</code> | Text that appears below all list groups, at the bottom of the navbox. |- ! <code>striped</code><br><code>evenodd</code> | Controls if the navbox rows should have zebra striping on even or odd rows, making it easier for users to distinguish two rows apart from each other. If [[#Sections|sections]] are used, each section resets the even/odd counter. *unset ('''default''') - all rows have the same background *<code>y</code>, <code>yes</code>, <code>on</code>, <code>striped</code>, or <code>even</code> - even-numbered rows are highlighted *<code>swap</code> or <code>odd</code> - odd-numbered rows are highlighted |} === Sections === The following parameters define sections within the navbox with their own titles. {| class="wikitable" ! Parameter ! Description |- ! <code>header''n''</code> | Text that appears at the top of the section, where ''n'' is any positive integer. If the value is set to two or more <code>-</code> (e.g. <code>--</code>, <code>-----</code>, etc.) the new section will have no header bar and cannot be collapsed. All groups and lists that are ''n'' or higher will appear in this section unless there is a higher <code>header''n''</code> later in the template. For example, if a navbox defines <code>header1</code> and <code>header4</code>, the first section will include <code>list1</code>, <code>list2</code>, and <code>list3</code> (and any of their sub-lists), while the second section will include all remaining lists starting at <code>list4</code> and their sub-lists. |- ! <code>header_state</code><br><code>state''n''</code> | <code>header_state</code> controls if all sections, by default, should be expanded or collapsed when the page loads. <code>state''n''</code> overrides <code>header_state</code> for the specific section defined by <code>header''n''</code> (where ''n'' is a matching integer). * <code>expanded</code> ('''default''') - the section will start open and readers can collapse it. * <code>collapsed</code> - the section will start closed and readers can expand it. * <code>off</code> or <code>plain</code> - the section will start open and cannot be collapsed. Advanced users can modify these on a page-by-page basis; see [[support:RANGER navboxes#Controlling the collapsible|the support wiki]] for more information. Both parameters have no effect on sections with headers set to two or more <code>-</code>, which are always expanded and cannot be collapsed. |} === List groups === The following parameters define the list groups. {| class="wikitable" ! Parameter ! Description |- ! <code>group''n''</code> | Text label for a list, which appears on the left on desktop or at the top on mobile, where ''n'' is any positive integer. This parameter is optional; if a <code>list''n''</code> does not have a matching <code>group''n''</code>, the list will take the full width on desktop. |- ! <code>list''n''</code> | A wikitext list, where ''n'' is any positive integer. |- ! <code>group''n''.''x''</code><br><code>group''n''.''x''.''y''</code><br>etc. | Text label for sub-lists that appear under <code>group''n''</code>, <code>group''n''.''x''</code>, etc. |- ! <code>list''n''.''x''</code><br><code>list''n''.''x''.''y''</code><br>etc. | Wikitext sub-lists. |} === Styling === The following parameters add inline styling or your custom CSS classes to specific elements of the navbox. To assist with text alignment, three default classes are available: <code>align-left</code>, <code>align-center</code>, and <code>align-right</code>. {| class="wikitable" ! Parameter ! Description |- ! <code>navbox_style</code><br><code>navbox_class</code> | Modifies the parent navbox element; <code>class</code> can be used as a shorthand for <code>navbox_class</code> Two default classes are available: *<code>pill</code> changes the links to pill-styled rather than dot-separated *<code>pill-mobile</code> only changes the links to pill-styled on mobile devices |- ! <code>title_style</code><br><code>title_class</code> | Modifies the title bar |- ! <code>above_style</code><br><code>above_class</code> | Modifies the <code>above</code> text row |- ! <code>below_style</code><br><code>below_class</code> | Modifies the <code>below</code> text row |- ! <code>header_style</code><br><code>header_class</code> | Modifies all section headers (''not'' the title bar) |- ! <code>header''n''_style</code><br><code>header''n''_class</code> | Modifies the specific section header ''n'' |- ! <code>section''n''_style</code><br><code>section''n''_class</code> | Modifies the container holding the section defined by a matching <code>header''n''</code> |- ! <code>group_style</code><br><code>group_class</code> | Modifies all base groups (<code>group''n''</code>), but ''not'' any subgroups (<code>group''n''.''x''</code>, etc.) |- ! <code>subgroup_style</code><br><code>subgroup_class</code> | Modifies all subgroups at all levels (<code>group''n''.''x''</code>, <code>group''n''.''x''.''y''</code>, etc.) |- ! <code>group''A''_style</code><br><code>group''A''_class</code> | Modifies the specific group ''A'', where ''A'' is any ''n'', ''n''.''x'', ''n''.''x''.''y'', etc. |- ! <code>list_style</code><br><code>list_class</code> | Modifies all lists. Note, in this context, "list" refers to the container of a <code>list''n''</code> parameter, not a <code>ul</code> or <code>ol</code> element inside the parameter |- ! <code>list''A''_style</code><br><code>list''A''_class</code> | Modifies the specific list ''A'', where ''A'' is any ''n'', ''n''.''x'', ''n''.''x''.''y'', etc. |} <noinclude>[[Category:Template documentation]]</noinclude> e35c990efd00644e63b9735d72ff65818357a1fb 10 47 55 2025-07-23T00:07:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {<noinclude> {{documentation}}</noinclude> 490a0c9c85eff213addd7272fe40f8627a637c75 10 48 56 2025-07-23T00:07:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 49 57 2025-07-23T00:07:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki }<noinclude> {{documentation}}</noinclude> 3bf19eb36f7371f1b4b61b8efbba67dfb0e8cfd4 10 50 58 2025-07-23T00:07:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 51 59 2025-07-23T00:07:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{{<noinclude> {{documentation}}</noinclude> fa33084b57c1f33c82290de279827b973ab2fba8 10 52 60 2025-07-23T00:07:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 53 61 2025-07-23T00:07:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki }}}<noinclude> {{documentation}}</noinclude> 585d94f6fe636b77087dc0d06bfbe6cb69b29987 10 54 62 2025-07-23T00:07:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 55 63 2025-07-23T00:07:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Use {{tl|documentation}} inside of the <code><nowiki><noinclude></noinclude></nowiki></code> section on your template. Then create your template at the <code>/doc</code> subpage of your template. <noinclude>[[Category:Template documentation]]</noinclude> 055b0481a1967951c59f15a09b92767c90baa8dd 10 56 64 2025-07-23T00:07:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4ed8a6372d14a167dd9d26f1ae865b1593b76604 65 64 2025-07-23T00:07:54Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-NC-ND]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 4ed8a6372d14a167dd9d26f1ae865b1593b76604 10 57 66 2025-07-23T00:07:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1e471ba76ef084e99bff87e9356d439d400f73de 67 66 2025-07-23T00:07:55Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-SA]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1e471ba76ef084e99bff87e9356d439d400f73de 10 58 68 2025-07-23T00:07:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly><noinclude> This template currently looks like: {{License/fairuse}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 3662b685c4d9fa43d4f9342fae34b2f43ba925ef 69 68 2025-07-23T00:07:55Z ARTIFICER 564804 Protected "[[Template:License/fairuse]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly><noinclude> This template currently looks like: {{License/fairuse}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 3662b685c4d9fa43d4f9342fae34b2f43ba925ef 10 59 70 2025-07-23T00:07:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly><noinclude>{{documentation}}</noinclude> 4b84fc940507f8fccb9c60b7f70b5a800a62fe59 71 70 2025-07-23T00:07:56Z ARTIFICER 564804 Protected "[[Template:License]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly><noinclude>{{documentation}}</noinclude> 4b84fc940507f8fccb9c60b7f70b5a800a62fe59 10 60 72 2025-07-23T00:07:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly><noinclude> This template currently looks like: {{License/CC-PD}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 23b76ae521833f5a34f0bf73426a53aad8fa9923 73 72 2025-07-23T00:07:56Z ARTIFICER 564804 Protected "[[Template:License/CC-PD]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly><noinclude> This template currently looks like: {{License/CC-PD}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 23b76ae521833f5a34f0bf73426a53aad8fa9923 10 61 74 2025-07-23T00:07:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly><noinclude> This template currently looks like: {{License/CC-SRR}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1ce36d04e501144e6a089ff194fee2b82732e85a 75 74 2025-07-23T00:07:57Z ARTIFICER 564804 Protected "[[Template:License/CC-SRR]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly><noinclude> This template currently looks like: {{License/CC-SRR}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 1ce36d04e501144e6a089ff194fee2b82732e85a 10 62 76 2025-07-23T00:07:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49f4317b802ef04c92f4edc474581035768c252e 77 76 2025-07-23T00:07:57Z ARTIFICER 564804 Protected "[[Template:License/CC-BY]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49f4317b802ef04c92f4edc474581035768c252e 10 63 78 2025-07-23T00:07:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> c77af748cb3aab2fce9bfd947149cb3e1ef0a3f0 79 78 2025-07-23T00:07:58Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-ND]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-ND}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> c77af748cb3aab2fce9bfd947149cb3e1ef0a3f0 10 64 80 2025-07-23T00:07:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 81 80 2025-07-23T00:07:58Z ARTIFICER 564804 Protected "[[Template:License/game]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 10 65 82 2025-07-23T00:07:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly><noinclude> This template currently looks like: {{License/nolicense}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 9ddcfb97af577d7f8454e20f985b9456e7a95c77 83 82 2025-07-23T00:07:59Z ARTIFICER 564804 Protected "[[Template:License/nolicense]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly><noinclude> This template currently looks like: {{License/nolicense}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 9ddcfb97af577d7f8454e20f985b9456e7a95c77 10 66 84 2025-07-23T00:07:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 535d8d725e53a0e8f94922ed597baed1353cec21 85 84 2025-07-23T00:07:59Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-NC]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 535d8d725e53a0e8f94922ed597baed1353cec21 10 67 86 2025-07-23T00:07:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 385fc8e61d98dd5ed6d4fa25b0eacf17cbca1218 87 86 2025-07-23T00:08:00Z ARTIFICER 564804 Protected "[[Template:License/CC-BY-NC-SA]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC-BY-NC-SA}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 385fc8e61d98dd5ed6d4fa25b0eacf17cbca1218 10 68 88 2025-07-23T00:08:00Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC0}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> a6ae218b1382bcbe6f0e6e98ef272e4355dd7205 89 88 2025-07-23T00:08:01Z ARTIFICER 564804 Protected "[[Template:License/CC0]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly><noinclude> This template currently looks like: {{License/CC0}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> a6ae218b1382bcbe6f0e6e98ef272e4355dd7205 10 69 90 2025-07-23T00:08:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template is to be used under a ''Licensing'' heading on file pages to denote the file's license. == Available licenses == === Game === * Usage: <nowiki>{{License|game}}</nowiki> {{License|game}} === Fairuse === * Usage: <nowiki>{{License|fairuse}}</nowiki> {{License|fairuse}} === CC0 === * Usage: <nowiki>{{License|CC0}}</nowiki> {{License|CC0}} === CC-BY-NC-ND === * Usage: <nowiki>{{License|CC-BY-NC-ND}}</nowiki> {{License|CC-BY-NC-ND}} === CC-BY-NC-SA === * Usage: <nowiki>{{License|CC-BY-NC-SA}}</nowiki> {{License|CC-BY-NC-SA}} === CC-BY-NC === * Usage: <nowiki>{{License|CC-BY-NC}}</nowiki> {{License|CC-BY-NC}} === CC-BY-ND === * Usage: <nowiki>{{License|CC-BY-ND}}</nowiki> {{License|CC-BY-ND}} === CC-BY-SA === * Usage: <nowiki>{{License|CC-BY-SA}}</nowiki> {{License|CC-BY-SA}} === CC-BY === * Usage: <nowiki>{{License|CC-BY}}</nowiki> {{License|CC-BY}} === CC-PD === * Usage: <nowiki>{{License|CC-PD}}</nowiki> {{License|CC-PD}} === CC-SRR === * Usage: <nowiki>{{License|CC-SRR}}</nowiki> {{License|CC-SRR}} === Permission === * Usage: <nowiki>{{License|permission}}</nowiki> {{License|permission}} === No license === '''Providing no parameter (or invalid one) defaults to the nolicense notice:''' <nowiki>{{License}}</nowiki>{{License}} == Specifying source == '''Source parameter (optional):''' The source parameter accepts a url to the source where the file came from if necessary for attribution. Example: <nowiki>{{License|game|source=https://indie.io/}}</nowiki> {{License|game|source=https://indie.io/}} <includeonly> [[Category:License templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 5b334ee591fa6a0867f5d8e685e580b5b6c21334 10 70 91 2025-07-23T00:08:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:License/fairuse]] ecb7db41961bb5256d571593ca3f90ae1e199a3e 10 71 92 2025-07-23T00:08:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <div style="clear:{{{1|both}}};" class={{{class|}}}></div><noinclude> {{documentation}} </noinclude> 5b24b9fd5cc166a8c486e2422d5df465206ed39c 10 72 93 2025-07-23T00:08:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <code>{{[[Module:{{{1}}}|{{{1}}}]]}}^m{{#if:{{{2|}}}|.{{{2}}}()}}</code><noinclude> * <code><nowiki>{{Ml|Infobox}}</nowiki></code> generates {{Ml|Infobox}}. * <code><nowiki>{{Ml|ArgsUtil|merge}}</nowiki></code> generates {{Ml|ArgsUtil|merge}}. [[Category:Formatting templates]] </noinclude> 0c69bf8d7c3319f1cf2aa68f4b80261257291560 10 73 94 2025-07-23T00:08:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {|<noinclude>{{documentation}}</noinclude> 86e51fe1f06ae532410029eb39fa936d68880bc8 10 74 95 2025-07-23T00:08:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki |-<noinclude>{{documentation}}</noinclude> 636f9e440c24f4a3fe28b49cebd1808c3de8a814 10 75 96 2025-07-23T00:08:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki |}<noinclude>{{documentation}}</noinclude> b2debea163716e114d1ea46e65a63d7a1ae84bc0 10 76 97 2025-07-23T00:08:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 77 98 2025-07-23T00:08:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 78 99 2025-07-23T00:08:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 79 100 2025-07-23T00:08:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki &#124;<noinclude>{{documentation}}</noinclude> 9d1875aa686e4e25a0994448a39d057e91541788 10 80 101 2025-07-23T00:08:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 81 102 2025-07-23T00:08:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki ||<noinclude>{{documentation}}</noinclude> 02fb31115eef5c15d6612ac334bf5a5d83155c0a 10 82 103 2025-07-23T00:08:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 83 104 2025-07-23T00:08:06Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 105 104 2025-07-23T00:08:07Z ARTIFICER 564804 Protected "[[Template:License/template]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 10 84 106 2025-07-23T00:08:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki &nbsp;&bull;&nbsp;<noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 81a7f0051da7b8f4a0548d91c5eb429a974fac91 10 85 107 2025-07-23T00:08:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This is the '''bullet''' template; it looks like this: [&nbsp;&bull;&nbsp;] It works similarly to the HTML markup sequence: [<code>'''&amp;nbsp;&amp;bull;&amp;nbsp;'''</code>], that is, a non-breaking space, a bullet and a non-breaking space. This template is used when you want a larger bullet than a bold middot ['''&middot;'''], but something smaller than an en dash [&ndash;]. <noinclude>[[Category:Template documentation]]</noinclude> ea04fe63a10dc333ed9c48bfc397debb11682f1e 10 86 108 2025-07-23T00:08:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:platform | {{#if: {{{2|}}} | {{#switch: {{lc:{{{1|}}}}} <!-- Desktop --> |mouse |keyboard=keyboard <!-- Mobile --> |gesture=gesture <!-- Microsoft --> |xboxseries |xbox=Xbox |xbox one |xbone |xbox1 |xboxone=xboxone |xbox 360 |xb360 |xbox360 |360=360 <!-- Sony --> |ps |ps5 |playstation |ds |dualsense=DualSense |playstation 4 |ps4=PS4 |playstation 3 |ps3=ps3 <!-- Nintendo --> |ns |switch=Switch |wii=wii }} | undefined }} }}<!-- -->{{#vardefine:key | {{#if: {{{2|}}} | {{ucfirst:{{{2}}}}} | {{ucfirst:{{{1}}}}} }} }}<!-- -->{{#vardefine:img | {{#if: {{{2|}}} | [[File:{{#var:platform}} {{#var:key}}.png|x25px|link=]] }} | Undefined }}<!-- --><span class="key">{{#var:img}}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 45576cb62a8104687b5b7ac26b042283c80ecae6 10 87 109 2025-07-23T00:08:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <tabber> |-|Desktop={{:Template:Key/doc/Keyboard}} |-|Mobile={{:Template:Key/doc/Gesture}} |-|Xbox={{:Template:Key/doc/Xbox}} |-|DualSense={{:Template:Key/doc/DualSense}} |-|PlayStation 4={{:Template:Key/doc/PS4}} |-|Nintendo Switch={{:Template:Key/doc/Nintendo Switch}} </tabber> <noinclude>[[Category:Key template documentation]]</noinclude> 19eb9be1ca2c7112f63dd11c58d3888327dcca75 10 88 110 2025-07-23T00:08:08Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:Gesture input images]] === Fingers === <code><nowiki>{{key|gesture|Finger Front}}</nowiki></code> {{key|gesture|Finger Front}} <code><nowiki>{{key|gesture|Finger Side}}</nowiki></code> {{key|gesture|Finger Side}} === Tap & hold === <code><nowiki>{{key|gesture|Tap}}</nowiki></code> {{key|gesture|Tap}} <code><nowiki>{{key|gesture|Double Tap}}</nowiki></code> {{key|gesture|Double Tap}} <code><nowiki>{{key|gesture|Hold}}</nowiki></code> {{key|gesture|Hold}} === Swipe motions === <code><nowiki>{{key|gesture|Swipe Bottom Left}}</nowiki></code> {{key|gesture|Swipe Bottom Left}} <code><nowiki>{{key|gesture|Swipe Bottom Right}}</nowiki></code> {{key|gesture|Swipe Bottom Right}} <code><nowiki>{{key|gesture|Swipe Down}}</nowiki></code> {{key|gesture|Swipe Down}} <code><nowiki>{{key|gesture|Swipe Left}}</nowiki></code> {{key|gesture|Swipe Left}} <code><nowiki>{{key|gesture|Swipe Right}}</nowiki></code> {{key|gesture|Swipe Right}} <code><nowiki>{{key|gesture|Swipe Top Left}}</nowiki></code> {{key|gesture|Swipe Top Left}} <code><nowiki>{{key|gesture|Swipe Top Right}}</nowiki></code> {{key|gesture|Swipe Top Right}} <code><nowiki>{{key|gesture|Swipe Up}}</nowiki></code> {{key|gesture|Swipe Up}} === Zoom & scroll === <code><nowiki>{{key|gesture|Zoom In}}</nowiki></code> {{key|gesture|Zoom In}} <code><nowiki>{{key|gesture|Zoom Out}}</nowiki></code> {{key|gesture|Zoom Out}} <code><nowiki>{{key|gesture|Scroll Down}}</nowiki></code> {{key|gesture|Scroll Down}} <code><nowiki>{{key|gesture|Scroll Left}}</nowiki></code> {{key|gesture|Scroll Left}} <code><nowiki>{{key|gesture|Scroll Right}}</nowiki></code> {{key|gesture|Scroll Right}} <code><nowiki>{{key|gesture|Scroll Up}}</nowiki></code> {{key|gesture|Scroll Up}} === Circular motions === <code><nowiki>{{key|gesture|Double Rotate}</nowiki></code> {{key|gesture|Double Rotate}} <code><nowiki>{{key|gesture|Full Circle}}</nowiki></code> {{key|gesture|Full Circle}} <code><nowiki>{{key|gesture|Half Circle}}</nowiki></code> {{key|gesture|Half Circle}} <code><nowiki>{{key|gesture|Quarter Circle}}</nowiki></code> {{key|gesture|Quarter Circle}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 0a595b125cc6dbd6ad531c1e989d1929eaf1c6e2 10 89 111 2025-07-23T00:08:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:PS4 input images]] === D-pad & sticks === <code><nowiki>{{key|PS4|Dpad}}</nowiki></code> {{key|PS4|Dpad}} <code><nowiki>{{key|PS4|Left}}</nowiki></code> {{key|PS4|Left}} <code><nowiki>{{key|PS4|Right}}</nowiki></code> {{key|PS4|Right}} <code><nowiki>{{key|PS4|Up}}</nowiki></code> {{key|PS4|Up}} <code><nowiki>{{key|PS4|Down}}</nowiki></code> {{key|PS4|Down}} <code><nowiki>{{key|PS4|Left Stick}}</nowiki></code> {{key|PS4|Left Stick}} <code><nowiki>{{key|PS4|Right Stick}}</nowiki></code> {{key|PS4|Right Stick}} <code><nowiki>{{key|PS4|Touch Pad}}</nowiki></code> {{key|PS4|Touch Pad}} === Front buttons === <code><nowiki>{{key|PS4|Circle}}</nowiki></code> {{key|PS4|Circle}} <code><nowiki>{{key|PS4|Cross}}</nowiki></code> {{key|PS4|Cross}} <code><nowiki>{{key|PS4|Square}}</nowiki></code> {{key|PS4|Square}} <code><nowiki>{{key|PS4|Triangle}}</nowiki></code> {{key|PS4|Triangle}} <code><nowiki>{{key|PS4|Share}}</nowiki></code> {{key|PS4|Share}} <code><nowiki>{{key|PS4|Options}}</nowiki></code> {{key|PS4|Options}} === Rear buttons === <code><nowiki>{{key|PS4|L1}}</nowiki></code> {{key|PS4|L1}} <code><nowiki>{{key|PS4|R1}}</nowiki></code> {{key|PS4|R1}} <code><nowiki>{{key|PS4|L2}}</nowiki></code> {{key|PS4|L2}} <code><nowiki>{{key|PS4|R2}}</nowiki></code> {{key|PS4|R2}} <noinclude>[[Category:Key template documentation]]</noinclude> 1672e7f0dcd4db09545c96936cfbabcab681cfeb 10 90 112 2025-07-23T00:08:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:Nintendo Switch input images]] === Nintendo Switch === <code><nowiki>{{Key|Switch|a}}</nowiki></code> {{Key|Switch|a}} <code><nowiki>{{Key|Switch|b}}</nowiki></code> {{Key|Switch|b}} <code><nowiki>{{Key|Switch|x}}</nowiki></code> {{Key|Switch|x}} <code><nowiki>{{Key|Switch|y}}</nowiki></code> {{Key|Switch|y}} <code><nowiki>{{Key|Switch|Left Stick}}</nowiki></code> {{Key|Switch|Left Stick}} <code><nowiki>{{Key|Switch|Right Stick}}</nowiki></code> {{Key|Switch|Right Stick}} <code><nowiki>{{Key|Switch|Left Stick Press}}</nowiki></code> {{Key|Switch|Left Stick Press}} <code><nowiki>{{Key|Switch|Right Stick Press}}</nowiki></code> {{Key|Switch|Right Stick Press}} <code><nowiki>{{Key|Switch|-}}</nowiki></code> {{Key|Switch|-}} <code><nowiki>{{Key|Switch|+}}</nowiki></code> {{Key|Switch|+}} <code><nowiki>{{Key|Switch|Capture}}</nowiki></code> {{Key|Switch|Capture}} <code><nowiki>{{Key|Switch|HOME}}</nowiki></code> {{Key|Switch|HOME}} <code><nowiki>{{Key|Switch|L}}</nowiki></code> {{Key|Switch|L}} <code><nowiki>{{Key|Switch|R}}</nowiki></code> {{Key|Switch|R}} <code><nowiki>{{Key|Switch|ZL}}</nowiki></code> {{Key|Switch|ZL}} <code><nowiki>{{Key|Switch|ZR}}</nowiki></code> {{Key|Switch|ZR}} === Pro Controller === <code><nowiki>{{Key|Switch|Pro Control Pad}}</nowiki></code> {{Key|Switch|Pro Control Pad}} <code><nowiki>{{Key|Switch|Pro Control Pad Left}}</nowiki></code> {{Key|Switch|Pro Control Pad Left}} <code><nowiki>{{Key|Switch|Pro Control Pad Right}}</nowiki></code> {{Key|Switch|Pro Control Pad Right}} <code><nowiki>{{Key|Switch|Pro Control Pad Up}}</nowiki></code> {{Key|Switch|Pro Control Pad Up}} <code><nowiki>{{Key|Switch|Pro Control Pad Down}}</nowiki></code> {{Key|Switch|Pro Control Pad Down}} === Joy-Con === <code><nowiki>{{Key|Switch|Directional Left}}</nowiki></code> {{Key|Switch|Directional Left}} <code><nowiki>{{Key|Switch|Directional Right}}</nowiki></code> {{Key|Switch|Directional Right}} <code><nowiki>{{Key|Switch|Directional Up}}</nowiki></code> {{Key|Switch|Directional Up}} <code><nowiki>{{Key|Switch|Directional Down}}</nowiki></code> {{Key|Switch|Directional Down}} ==== Diagrams ==== <code><nowiki>{{Key|Switch|Joy-Con}}</nowiki></code> {{Key|Switch|Joy-Con}} <code><nowiki>{{Key|Switch|Joy-Con Separate}}</nowiki></code> {{Key|Switch|Joy-Con Separate}} <code><nowiki>{{Key|Switch|Joy-Con Left}}</nowiki></code> {{Key|Switch|Joy-Con Left}} <code><nowiki>{{Key|Switch|Joy-Con Right}}</nowiki></code> {{Key|Switch|Joy-Con Right}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 34ef402e3bd539920ee4247d68882ecb53fc6eda 10 91 113 2025-07-23T00:08:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- Base code written for Terraria Wiki: https://terraria.wiki.gg/wiki/Template:Spoiler NOTE: This template needs a JavaScript function in MediaWiki:Common.js or MediaWiki:Vector.js to work, as well as styling in MediaWiki:Common.css or MediaWiki:Vector.css for the related classes -->{{#vardefine:element|{{#if:{{{block|}}}|div|span}}}}<!-- --><{{#var:element}} class="spoiler-content {{{class|}}}" {{#if:{{{id|}}}|id="{{{id|}}}"}} {{#if:{{{css|{{{style|}}}}}}|style="{{{css|{{{style|}}}}}}"}}><{{#var:element}}>{{{1|}}}</{{#var:element}}></{{#var:element}}><!-- -->[[Category:Pages with spoilers]]<!-- --></includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> e5fe76807977a72099dd1f680fc399e02a790dd5 10 92 114 2025-07-23T00:08:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template is used to mark text and other elements as spoilers. Users can click or optionally hover to reveal their content. == The hoverShowSpoilers gadget == Users can enable the <code>[[MediaWiki:Gadgets/hoverShowSpoilers|hoverShowSpoilers]]</code> gadget to make spoilers show on hover, not just on click. The code for this gadget can be found at [[MediaWiki:Gadgets/hoverShowSpoilers/main.css]]. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{spoiler|spoiler text}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text}} |- | <code><nowiki>{{spoiler|spoiler text with a [[Template:Navbox|link]]}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text with a [[Template:Navbox|link]]}} |- | <pre> {{spoiler|block=y|Really long spoiler that spans multiple lines It even has a bulleted list inside it: * Item a * Item b * [[Special:Random|Item c]] }}</pre> |{{spoiler|block=y|Really long spoiler that spans multiple lines It even has a bulleted list inside it: * Item a * Item b * [[Special:Random|Item c]] }} |} == Dependencies == For this template to work properly, you need the following: * The <code>spoilers</code> gadget with JavaScript code for toggling the <code>.spoiler</code> class on/off on click: ** [[MediaWiki:Gadgets/spoilers]] ** [[MediaWiki:Gadgets/spoilers/main.js]] * The <code>.spoiler-content</code> and any related classes, found in [[MediaWiki:Common.css]]. == Source == Base code adapted from [[wgg:terraria:Template:Spoiler|Template:Spoiler on Terraria Wiki]]. ==TemplateData== <templatedata> { "params": { "1": { "aliases": [ "text" ], "label": "Text", "description": "The text to be shown.", "example": "Character A died during the battle.", "type": "content", "required": true }, "hover": { "label": "Show on Hover?", "description": "Show spoiler text on mouse hover.", "example": "hover=yes", "type": "boolean", "default": "hover=no" }, "block": { "label": "Display as block?", "description": "If given, display the spoiler as a block instead of inline. Useful for long spoilers spanning multiple lines or using block-level elements like lists.", "example": "y", "type": "boolean", "suggested": true }, "class": { "label": "Class", "description": "A class or classes to apply to the spoiler", "type": "string" }, "id": { "label": "ID", "description": "A CSS ID to apply to the spoiler.", "type": "string" }, "style": { "description": "Inline CSS styles to pass in.", "type": "string", "aliases": [ "css" ], "label": "Style" } }, "description": "This template can be used to mark text as a spoiler.", "maps": { "1": {} }, "paramOrder": [ "1", "hover", "block", "class", "id", "style" ], "format": "inline" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> bae231a84e57129ec12ba47e554ed42e76c185e0 10 93 115 2025-07-23T00:08:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#vardefine:target|{{{1|}}}<!-- end vd -->}}<!-- -->{{#vardefine:display|{{#if:{{{2|}}}|{{{2}}}|{{{1}}}<!-- end if -->}}<!-- end vd -->}}<!-- -->{{#vardefine:iconSize|1.2em}}<!-- -->{{#vardefine:lineHeight|1lh}}<!-- -->{{#vardefine:fileExists|{{filepath:{{#var:target}} ({{{type}}}).png}}}}<!-- -->{{#ifeq: {{{2|}}} | notext <!-- start if notext -->|<span class="link-icon notext" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start notext icon element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}<!-- end icon if --></span><!-- end notext icon -->|<span class="link-icon" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start icon + text element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}&nbsp;<!-- end icon if --><span class="display-text">[[{{#var:target}}|{{#var:display}}]]</span><!-- end display text --></span> <!-- end icon + text element -->}}<!-- end if notext --></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> a8fc86aa3dc0f0085e5d1236a47e8d04e8685684 10 94 116 2025-07-23T00:08:12Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{No direct use}} == List of link icon templates == * {{tl|Character icon}} * {{tl|Item icon}} == Dependencies== For this template to work properly, you need the following: * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 654dfb540ea31a810ef53c3820862942e63b2e8a 10 95 117 2025-07-23T00:08:12Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Link icon]] 6ebdedb4de95efaa3e6ca27590e79aca674f2364 10 96 118 2025-07-23T00:08:12Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><div class="quote"><!-- start quote wrapper --><div class="marks-wrapper"><!-- start marks wrapper --><div class="block"><!-- start quote block -->{{#if:{{{title|}}}|<div class="title">{{{title}}}</div>|}}<!-- -->{{#if:{{{text|{{{1|}}}}}}|<div class="text">{{{text|{{{1|}}}}}}</div>|}}<!-- --></div><!-- end quote block --></div><!-- end marks wrapper -->{{#if:{{{author|{{{2|}}}}}}|<div class="author">― {{#if:{{{authorpage|}}}| [[{{{authorpage}}}|{{{author|{{{2|}}}}}}]] | {{{author|{{{2|}}}}}} }}</div>|}}<!-- --></div><!-- -->[[Category:Pages with quotes]]</includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 095258ceee92819a4e7b83c26fba3761bf9c41a9 10 97 119 2025-07-23T00:08:13Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Item}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 6564279e3808e659b8034ad4b96f4f9e9e498b57 10 98 120 2025-07-23T00:08:13Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Item).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Mystic Feather (Item).png</nowiki></code> was used as the icon for a page called <code>Mystic Feather</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Item icon|Mystic Feather}}</nowiki></code> || {{Item icon|Mystic Feather}} |- | <code><nowiki>{{Item icon|Mystic Feather|Mystic Feathers}}</nowiki></code> || {{Item icon|Mystic Feather|Mystic Feathers}} |- | <code><nowiki>{{Item icon|Mystic Feather|notext}}</nowiki></code> || {{Item icon|Mystic Feather|notext}} |- | <code><nowiki>{{Item icon|Missing Item}}</nowiki></code> (Missing Page Icon) || {{Item icon|Missing Item}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 4dfcab6f3d3c88596068607685645f29666f0141 10 99 121 2025-07-23T00:08:13Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Character}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 24bad84fd5dea93cab210dfd592fda86af09eb87 10 100 122 2025-07-23T00:08:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Character).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Invisible Boy (Character).png</nowiki></code> was used as the icon for a page called <code>Invisible Boy</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Character icon|Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|The Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy|The Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|notext}}</nowiki></code> || {{Character icon|Invisible Boy|notext}} |- | <code><nowiki>{{Character icon|Missing Boy}}</nowiki></code> (Missing Page Icon) || {{Character icon|Missing Boy}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 0999a706143c16f5ed970816e7825239cfce9547 10 101 123 2025-07-23T00:08:14Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Examples == {| class="wikitable" ! Code !! Result |- | <pre>{{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |} == Dependencies == For this template to work properly, you need the following: * The <code>.quote</code> and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> == Template data (for Visual Editor) == <templatedata> { "params": { "title": { "label": "Title", "description": "If the quote has a title, put it here.", "example": "Richard III's soliloquy", "type": "line" }, "text": { "label": "Quoted Text", "description": "The quoted text to be displayed.", "example": "Now is the winter of our discontent made glorious summer by this sun of York", "type": "string", "required": true }, "author": { "label": "Quote's Author", "description": "The author of the displayed quote.", "example": "William Shakespeare", "type": "line", "suggested": true }, "authorpage": { "label": "Author's Page", "description": "If the quote's author has a page on the Wiki, put the page name here.", "example": "William Shakespeare (playwright)", "type": "wiki-page-name", "suggested": true } }, "description": "This template creates a styled block element for quotes.", "paramOrder": [ "text", "author", "authorpage", "title" ], "format": "block" } </templatedata> 8a10e77de70ff704435282ce0f2ba792a13404a5 10 102 124 2025-07-23T00:08:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->[[Category:Pages with hatnotes]]<!-- --><div class="hatnote {{#if:{{{icon|}}}|icon}}">{{#if:{{{icon|}}}|[[File:{{{icon}}}|x22px]]<nowiki> </nowiki>}}{{{1|}}}</div><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates| ]]</noinclude> c239246055fdd6c2f4aa85033ba3e93b9baa4733 10 103 125 2025-07-23T00:08:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{No direct use}} == List of hatnote templates == * {{tl|Disambiguation}} * {{tl|Distinguish}} * {{tl|For}} * {{tl|Main}} == Dependencies == For this template to work properly, you need the following: * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. * The <code>--wiki-content-border-color--secondary</code> CSS variable, defined in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 464f2f866befaf4cfa47f68ab0ad4f170c13463d 10 104 126 2025-07-23T00:08:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Disambiguation Page", "description": "A custom disambiguation page name.", "example": "Disambiguation Page", "type": "wiki-page-name" }, "2": { "label": "Link Label", "description": "A label for the custom disambiguation page.", "example": "Alternative Page Name", "type": "line" }, "topic": { "label": "Custom Topic", "description": "In case {{PAGENAME}} does not describe the topic, this can be used to display a custom topic", "example": "a custom topic", "default": "{{PAGENAME}}", "type": "line" } }, "description": "This hatnote template is meant to be used at the top of an article to indicate the existence of a disambiguation page.", "paramOrder": [ "1", "2", "topic" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Disambiguation}}</nowiki></code> || {{Disambiguation|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|topic=Example}}</nowiki></code> || {{Disambiguation|Special:Random|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|Page Label|topic=this particular topic}}</nowiki></code> || {{Disambiguation|Special:Random|Page Label|topic=this particular topic}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:About|Wikipedia's About Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 5fce9c689120c57454571ff0e60a2cd447df5713 10 105 127 2025-07-23T00:08:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:topic|<!-- start vd -->{{#if:{{{topic|}}} | {{{topic}}} | {{PAGENAME}} }}<!-- end if -->}}<!-- end vd -->{{#vardefine:disambig|<!-- start vd -->{{#if:{{{1|}}}<!-- start custom disambig if -->|{{{1}}}<!-- start label if -->{{#if:{{{2|}}} | {{!}}{{{2}}} }}<!-- end label if -->|{{#var:topic}} (disambiguation)<!-- else; use regular disambig -->}}<!-- end custom disambig if -->}}<!-- end vd -->{{Hatnote|<!-- -->This page is about '''{{#var:topic}}'''. For other uses, see [[{{#var:disambig}}]].<!-- -->|icon=Disambig.svg<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> c4c62e7a1876492eb970ea182cf4ac0bcad97913 10 106 128 2025-07-23T00:08:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{text|}}} | {{{text}}} |<!-- start top if -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] or [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>or [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end custom disambig if -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->Not to be confused with {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 67ae5406ffd29bec56cfe7ad6527bb09a9733496 10 107 129 2025-07-23T00:08:17Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Alternative", "description": "The alternative page.", "example": "Alternative Page", "type": "wiki-page-name", "suggested": true }, "2": { "label": "Second Alternative", "description": "A second alternative page.", "example": "Second Alternative Page", "type": "wiki-page-name" }, "3": { "label": "Third Alternative", "description": "A third alternative page.", "example": "Third Alternative Page", "type": "wiki-page-name" }, "text": { "label": "Alternative Text", "description": "Instead of using pages, you can provide a full alternative text. This parameter overrides other provided parameters.", "example": "the alternative page, [[Alternative Page]]", "type": "line" } }, "description": "This hatnote template is meant to be used to indicate possible alternatives to what the reader wants to find.", "paramOrder": [ "1", "2", "3", "text" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Distinguish|Special:Uncategorizedpages{{!}}Page 1}} |- | <code><nowiki>{{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}}</nowiki></code> || {{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:Distinguish|Wikipedia's Distinguish Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 2a06ed576ae6479add20834628f9378c657cb4fb 10 108 130 2025-07-23T00:08:17Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{3|}}}<!-- if more than one page -->|[[{{{2}}}]]{{#if:{{{4|}}}<!-- start concat if -->|, [[{{{3}}}]] and [[{{{4}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{3}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{2}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->For {{{1}}}, see {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 1899e48855153617f7c0bf3087b781bc80f0395c 10 109 131 2025-07-23T00:08:17Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Topic", "description": "The topic the following pages are about.", "example": "more information", "type": "line", "required": true }, "2": { "label": "Related Page", "description": "A related page.", "example": "Related Page", "type": "wiki-page-name", "required": true }, "3": { "label": "Second Page", "description": "A second related page.", "example": "Second Related Page", "type": "wiki-page-name" }, "4": { "label": "Third Page", "description": "A third related page.", "example": "Third Related Page", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be used to show pages related to a topic the reader might want to visit.", "paramOrder": [ "1", "2", "3", "4" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{For|more information|Special:WantedPages}}</nowiki></code> || {{For|more information|Special:WantedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{For|more information|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{For|more information|Special:WantedPages{{!}}Page 1}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> b2a30a9bf8acff259d5e86654a2de69c2d5e4fff 10 110 132 2025-07-23T00:08:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->{{#if:{{{2|}}}|Main articles|Main article}}: {{#var:text}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> e02ac04db1bbce6b71a9aa8a5064182f662d8470 10 111 133 2025-07-23T00:08:18Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Article", "description": "A main article.", "example": "Article", "type": "wiki-page-name", "required": true }, "2": { "label": "Second Article", "description": "A second main article.", "example": "Second Article", "type": "wiki-page-name" }, "3": { "label": "Third Article", "description": "A third main article.", "example": "Third Article", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be in sections of an article mentioning information about another existing main article.", "paramOrder": [ "1", "2", "3" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Main|Special:WantedPages}}</nowiki></code> || {{Main|Special:WantedPages}} |- | <code><nowiki>{{Main|Special:WantedPages#Section Title}}</nowiki></code> || {{Main|Special:WantedPages#Section Title}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{Main|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Main|Special:WantedPages{{!}}Page 1}} |} == Dependencies == This template requires the {{tl|Hatnote}} metatemplate. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> dd762adeece0f944821cb81ee14a8bd9cb539b22 10 112 134 2025-07-23T00:08:19Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{#ifeq:{{ROOTPAGENAME}}|Ambox|"Ambox" is an abbreviation for '''A'''rticle '''m'''essage '''box'''. You can use amboxes in articles to indicate something important about the current page, often in the header.| This '''message template''' is an [[Template:Ambox|article message box]], or '''ambox'''. The documentation below discusses how to use each ambox provided by the wiki. }} == Premade amboxes == === Problem notice amboxes === These amboxes are used temporarily to notify other editors and visitors about a problem with an article. These amboxes support the following parameters: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. * <code>|date=</code>: The date the ambox was added to the page. * <code>|nocat=</code>: If set to <code>yes</code>, no category will be added to the page. Use this only when creating documentation. '''Note:''' Premade amboxes need the base {{tl|Ambox}} template to work. {| class="wikitable" ! Code !! Result |- | {{tl|Cleanup}} || {{Cleanup|nocat=yes}} |- | {{tl|Delete}} || {{Delete|nocat=yes}} |- | {{tl|Merge|Example}} || {{Merge|Template:Ambox{{!}}Example|nocat=yes}} |- | {{tl|Move|Example}} || {{Move|Template:Ambox{{!}}Example|nocat=yes}} |- | {{tl|Split|Example}}<br/>{{tl|Split|Example 1|Example 2|Example 3}} || {{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} |- | {{tl|Stub}} || {{Stub|nocat=yes}} |- |} === Informational amboxes === These amboxes are intended as permanent fixtures to a page, to notify visitors about some piece of information relevant to the page. These amboxes support the following parameters in addition to any listed: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. {| class="wikitable" ! Code !! Additional parameters !! Result |- | {{tl|Spoiler warning}} || || {{Spoiler warning|nocat=yes}} |- | {{tl|No direct use}} || || {{No direct use|nocat=yes}} |- | {{tl|Uses Lua}} || <code><nowiki>|1=</nowiki></code>, a comma-separated list of modules used || {{Uses Lua|nocat=yes}} |} === Optional parameters === You can use optional parameters to further customize a premade ambox. The example below is using <code>tiny=yes</code> and <code>date=01/01/2021</code>. {{Cleanup|tiny=yes|date=01/01/2021|nocat=yes}} == Creating a custom ambox == You can create additional ambox templates as needed using the following parameters: <pre> {{Ambox | color = The left border color. | icon = The icon image to be displayed. | title = The optional title. | message = The explanation text displayed. | tiny = If you want the tiny version of the ambox, fill the parameter with "yes". | date = An optional date of creation for the message. | class = An optional CSS class for the ambox. }} </pre> == Dependencies == For this template to work properly, you need the following: * <code>.ambox</code> and any related classes, found in [[MediaWiki:Common.css]]. <includeonly>[[Category:Notice templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> d4fda481c06177d59ff39364bf17e15d7f1adfbc 10 113 135 2025-07-23T00:08:19Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Cleanup.svg | message = This page does not meet '''{{SITENAME}}'''<nowiki/>'s page quality standards. You can [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit it] to help fix grammar, formatting, or code issues. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Pages in need of improvement]]}}</includeonly><!-- --><noinclude>{{Cleanup|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9c9fb940d733227f74a7ce12720d22f569bd4d3e 10 114 136 2025-07-23T00:08:19Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = grey | icon = Delete.svg | title = Candidate for Deletion | message = This page lacks relevance for '''{{SITENAME}}''' and is a candidate for '''deletion'''. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for deletion]]}}</includeonly><!-- --><noinclude>{{Delete|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 6c827de94518d7f5f1635b13425be0d0fb4078da 10 115 137 2025-07-23T00:08:20Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{ambox|icon=Warning-red.svg|title=Don't call this template directly from any content page! |message=This template is intended to be used inside of another template. Then that template in turn may be used on content pages. |color=red |tiny={{{tiny|}}} |class={{{class|}}} }}</includeonly><noinclude>{{doc|Template:Ambox/doc}} [[Category:Notice templates]]</noinclude> 22c9c1b0d6c05220eb6d7ad84073f7d878b60b68 10 116 138 2025-07-23T00:08:20Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Uses Lua]] 9675a92267565619bc6418ec4e88163985302408 10 117 139 2025-07-23T00:08:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 118 140 2025-07-23T00:08:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 119 141 2025-07-23T00:08:21Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Ambox | color = red | icon = Warning-red.svg | title = Spoiler Warning | message = This page contains '''spoilers'''. View at your own discretion. | tiny = {{{tiny|}}} | class = {{{class|}}} }}<noinclude>{{doc|Template:Ambox/doc}}</noinclude> d46344bae30adce89ead1cf12e8c3ff904e95203 10 120 142 2025-07-23T00:08:22Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 121 143 2025-07-23T00:08:22Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 122 144 2025-07-23T00:08:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Stub.svg | message = This page is a [[support:Stub|stub]]. You can help '''{{SITENAME}}''' by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Stubs]]}}</includeonly><!-- --><noinclude>{{Stub|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 1effeb7d6eb04a0b11c76b8bfa871703461c9344 10 123 145 2025-07-23T00:08:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 124 146 2025-07-23T00:08:23Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:No direct use]] 8448af1f61f0d64a84806b006c70670d9296acde 10 125 147 2025-07-23T00:08:24Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 126 148 2025-07-23T00:08:24Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = purple | icon = Merge.svg | message = It has been proposed that this page be [[support:Merge|merged]] with [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for merging]]}}</includeonly><!-- --><noinclude>{{Merge|Template:Merge|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9975c110e793cc1943eac9ea8e62257d704ab853 10 127 149 2025-07-23T00:08:25Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 128 150 2025-07-23T00:08:25Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = darkorange | icon = Move.svg | message = It has been proposed that this page be moved to [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for moving]]}}</includeonly><!-- --><noinclude>{{Move|Template:Ambox{{!}}Example|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> dc4fd9090208e453457d6d2df193b9a7ee3b562d 10 129 151 2025-07-23T00:08:26Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 130 152 2025-07-23T00:08:26Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:pages|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|new pages titled [[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|a new page titled [[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Ambox | color = purple | icon = Split.svg | message = It has been proposed that this page be split into {{#var:pages}}. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for splitting]]}}</includeonly><!-- --><noinclude>{{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 73f5044c8b972e18c3b7880f94b0644e4a0e6ac7 10 131 153 2025-07-23T00:08:26Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 132 154 2025-07-23T00:08:27Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><span id="{{{1}}}"></span><!-- --></includeonly><!-- --><noinclude>{{doc}} [[Category:Navigation templates]]</noinclude> 08ccba46722925866447768d344bf540b0b55e79 10 133 155 2025-07-23T00:08:27Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki == Summary == This template can be used to insert an invisible anchor (reference points) into a page that can later be used by internal wiki links. == Usage == To create a custom anchor, use <code><nowiki>{{Anchor|Anchor Name}}</nowiki></code> anywhere in the page. For example, if you create the anchor <code><nowiki>{{Anchor|Example Anchor}}</nowiki></code> in the page <code><nowiki>[[Example]]</nowiki></code>, you can access it through the internal link <code><nowiki>[[Example#Example Anchor]]</nowiki></code>. Remember that you can create a [[support:Redirect|redirect]] to this template so that you can call it more easily, such as with <code><nowiki>{{a|Anchor Name}}</nowiki></code>. <noinclude>[[Category:Template documentation]]</noinclude> 4b0ddb50416a354db262e62617d9b45056f4d526 10 134 156 2025-07-23T00:08:27Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:Xbox input images]] === Series & One === <code><nowiki>{{Key|Xbox|A}}</nowiki></code> {{Key|Xbox|A}} <code><nowiki>{{Key|Xbox|B}}</nowiki></code> {{Key|Xbox|B}} <code><nowiki>{{Key|Xbox|X}}</nowiki></code> {{Key|Xbox|X}} <code><nowiki>{{Key|Xbox|Y}}</nowiki></code> {{Key|Xbox|y}} <code><nowiki>{{Key|Xbox|Left Thumbstick}}</nowiki></code> {{Key|Xbox|Left Thumbstick}} <code><nowiki>{{Key|Xbox|Right Thumbstick}}</nowiki></code> {{Key|Xbox|Right Thumbstick}} <code><nowiki>{{Key|Xbox|Left Thumbstick Press}}</nowiki></code> {{Key|Xbox|Left Thumbstick Press}} <code><nowiki>{{Key|Xbox|Right Thumbstick Press}}</nowiki></code> {{Key|Xbox|Right Thumbstick Press}} <code><nowiki>{{Key|Xbox|LB}}</nowiki></code> {{Key|Xbox|LB}} <code><nowiki>{{Key|Xbox|RB}}</nowiki></code> {{Key|Xbox|RB}} <code><nowiki>{{Key|Xbox|View}}</nowiki></code> {{Key|Xbox|View}} <code><nowiki>{{Key|Xbox|Menu}}</nowiki></code> {{Key|Xbox|Menu}} <code><nowiki>{{Key|Xbox|Button}}</nowiki></code> {{Key|Xbox|Button}} === Xbox Series === <code><nowiki>{{Key|Xbox|D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|LT}}</nowiki></code> {{Key|Xbox|LT}} <code><nowiki>{{Key|Xbox|RT}}</nowiki></code> {{Key|Xbox|RT}} <code><nowiki>{{Key|Xbox|Share}}</nowiki></code> {{Key|Xbox|Share}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|Series Controller Diagram}}</nowiki></code> {{Key|Xbox|Series Controller Diagram}} === Xbox One === <code><nowiki>{{Key|Xbox|One D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|One D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|One D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|One D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|One D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|One Left Trigger}}</nowiki></code> {{Key|Xbox|One Left Trigger}} <code><nowiki>{{Key|Xbox|One Right Trigger}}</nowiki></code> {{Key|Xbox|One Right Trigger}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|One Controller Diagram}}</nowiki></code> {{Key|Xbox|One Controller Diagram}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> adce81e2e9eafcf930052a8993d3e5625665202e 10 135 157 2025-07-23T00:08:28Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Images source: [[dev:Category:DualSense input images]] === Buttons === <code><nowiki>{{Key|PS|Directional}}</nowiki></code> {{Key|PS|Directional}} <code><nowiki>{{Key|PS|Directional Left}}</nowiki></code> {{Key|PS|Directional Left}} <code><nowiki>{{Key|PS|Directional Right}}</nowiki></code> {{Key|PS|Directional Right}} <code><nowiki>{{Key|PS|Directional Up}}</nowiki></code> {{Key|PS|Directional Up}} <code><nowiki>{{Key|PS|Directional Down}}</nowiki></code> {{Key|PS|Directional Down}} <code><nowiki>{{Key|PS|Left Stick}}</nowiki></code> {{Key|PS|Left Stick}} <code><nowiki>{{Key|PS|Right Stick}}</nowiki></code> {{Key|PS|Right Stick}} <code><nowiki>{{Key|PS|Touch Pad}}</nowiki></code> {{Key|PS|Touch Pad}} <code><nowiki>{{Key|PS|Circle}}</nowiki></code> {{Key|PS|Circle}} <code><nowiki>{{Key|PS|Cross}}</nowiki></code> {{Key|PS|Cross}} <code><nowiki>{{Key|PS|Square}}</nowiki></code> {{Key|PS|Square}} <code><nowiki>{{Key|PS|Triangle}}</nowiki></code> {{Key|PS|Triangle}} <code><nowiki>{{Key|PS|Create}}</nowiki></code> {{Key|PS|Create}} <code><nowiki>{{Key|PS|Options}}</nowiki></code> {{Key|PS|Options}} <code><nowiki>{{Key|PS|L1}}</nowiki></code> {{Key|PS|L1}} <code><nowiki>{{Key|PS|R1}}</nowiki></code> {{Key|PS|R1}} <code><nowiki>{{Key|PS|L2}}</nowiki></code> {{Key|PS|L2}} <code><nowiki>{{Key|PS|R2}}</nowiki></code> {{Key|PS|R2}} <code><nowiki>{{Key|PS|L3}}</nowiki></code> {{Key|PS|L3}} <code><nowiki>{{Key|PS|R3}}</nowiki></code> {{Key|PS|R3}} <code><nowiki>{{Key|PS|Mute}}</nowiki></code> {{Key|PS|Mute}} <code><nowiki>{{Key|PS|PS}}</nowiki></code> {{Key|PS|PS}} === Diagram === <code><nowiki>{{Key|PS|Controller Diagram}}</nowiki></code> {{Key|PS|Controller Diagram}} <noinclude>[[Category:Key template documentation]]</noinclude> 84fa5123f9494d3572fef65e1aa63dd95ef476be 10 136 158 2025-07-23T00:08:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <code>Gadget-[[MediaWiki:Gadget-{{{1}}}|{{{1}}}]]</code><noinclude>[[Category:Formatting templates]]</noinclude> dd027468a6022472506b1fc2973d6299ec01e854 10 137 159 2025-07-23T00:08:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Wikipedia.svg | title= This code is adapted from [[wikipedia:Main Page|Wikipedia]]. | message = For the original code, see the following pages: {{#arraymap:{{{1|}}}|,|%s|[[wikipedia:%s|%s]]}} | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 0bb256ef5acc38fb0cfbdacc22e75aab89bd6e2c 10 138 160 2025-07-23T00:08:29Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki |-|<noinclude>{{documentation}}</noinclude> c634369c1e88b95ebe6a6d827cb32dc1e9c61fec 10 139 161 2025-07-23T00:08:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 140 162 2025-07-23T00:08:30Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><span class="color">{{{1}}}&nbsp;<span class="color__splotch" style="background-color: {{{1}}};" title="{{{1}}}"></span></span>[[Category:Pages with colors]]</includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 8d576236ad82770d3c04720d4ac105edcb835874 10 141 163 2025-07-23T00:08:31Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template creates a small color splotch with a given background color next to a plaintext color code. This is useful for previewing colors. ==Usage== {{tlx|color|<color>}} Where <code><color></code> is any valid [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color]. ==Examples== <pre> My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. </pre> Produces: My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. <noinclude>[[Category:Template documentation]]</noinclude> cb66b177cf785e1b3f60e28e36852b253e4b3d82 10 144 166 2025-07-23T00:08:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 167 166 2025-07-23T00:08:32Z ARTIFICER 564804 Protected "[[Template:License/indie.io]]" ([Edit=Allow only wiki.gg staff] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 10 145 168 2025-07-23T00:08:32Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:Clear]] 1a2aa4a9ba7478e54a2b21cbce68887ea297ea86 10 146 169 2025-07-23T00:08:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template allows you to [https://developer.mozilla.org/en-US/docs/Web/CSS/clear clear] the left side, the right side, or both by adding <code>&lt;div style="clear:left/right/both;"&gt;&lt;/div&gt;</code> ==Usage== {{tlx|Clear}}: Makes content wait until existing content is completed in all columns. Often used to stop text from flowing next to unrelated images. An optional <code>class</code> parameter can additionally be given for custom functionality. To clear the left, simply put {{tlx|Clear|left}}. To clear the right, put {{tlx|Clear|right}}. To clear both sides, put {{tlx|Clear}}. This template can also be called with {{tlx|-}} for short. <templatedata> { "params": { "1": { "label": "Direction", "description": "Which direction to clear", "type": "string", "default": "both", "suggestedvalues": [ "left", "right", "both" ] }, "class": { "label": "Class", "description": "A class to give to the clear", "type": "string" } }, "description": "Clears the left, right, or both.", "format": "inline" } </templatedata> <noinclude> [[Category:Template documentation]] </noinclude> 30e700cb1ba6902a86860319bd230680193d3b04 10 147 170 2025-07-23T00:08:33Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#if:{{{1|{{{id|}}}}}}|<!-- -->{{#ifeq: {{lc:{{{full|}}}<!-- -->}} | yes<!-- display the full widget: -->|<div class="DiscordIntegrator" style="width: {{#or:{{{width|}}}|100%}}; height: {{#or:{{{height|}}}|300px}}" data-id="{{{1|{{{id}}}}}}" data-logged-in="{{{loggedIn}}}" data-theme="{{{theme|}}}" data-width="100%" data-height="100%"><!-- -->If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn't working. If the latter, please contact a wiki administrator.</div><!-- display only the small widget: -->|<div id="discord-compact-widget" data-id="{{{1|{{{id}}}}}}"></div><!-- -->}}<!-- case: id is not supplied -->|<strong class="error">DiscordIntegrator error: ID of the server isn't supplied.</strong> For instructions on how to find a Discord server ID, see [https://support.discord.com/hc/articles/206346498 this Discord Help Center article]<!-- -->}}</includeonly><!-- -->[[Category:Pages with Discord embeds]]<noinclude>{{Documentation}} [[Category:Templates]]</noinclude> 7d39c3a9d1b4eb8e95becaf418c16ec30cb9c077 10 148 171 2025-07-23T00:08:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template allows you to either use [[support:DiscordCompact|DiscordCompact]] or [[support:DiscordWidget|DiscordWidget]] to display information about a certain Discord server. == Usage == In order to be able to show a Discord server widget on your wiki, first go to your Discord server and do the following: * Open the <code>Server Settings</code>, then go to the <code>Engagement</code> section. * Scroll down to <code>Server Widget</code>. * Enable the widget. * Copy the <code>Server ID</code>. Then, do the following depending on the type of widget you want to use (compact or full). === Compact widget (default) === {{main|support:DiscordCompact{{!}}DiscordCompact}} The compact widget is the default one. To use it, simply add the template with the server ID either as the '''first''' parameter or as the <code>id</code> parameter: * <code><nowiki>{{Discord|serverID}}</nowiki></code> * <code><nowiki>{{Discord|id=serverID}}</nowiki></code> === Full widget === {{main|support:DiscordWidget{{!}}DiscordWidget}} To use the full version of the Discord widget, you have to specify <code>full=yes</code> as one of the template parameters, with the ID either as the '''first''' parameter or as the <code>id</code> parameter: * <code><nowiki>{{Discord|serverID|full=yes}}</nowiki></code> * <code><nowiki>{{Discord|full=yes|id=serverID}}</nowiki></code> You can further customize the widget with the <code>width</code>, <code>height</code> and other parameters. See the Examples section and the full documentation for DiscordWidget on the [[support:DiscordWidget|Support Wiki]]. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Discord|951501892553424917}}</nowiki></code><br/><code><nowiki>{{Discord|id=951501892553424917}}</nowiki></code> || {{Discord|951501892553424917}} |- | <code><nowiki>{{Discord|951501892553424917}|full=yes}</nowiki></code> || {{Discord|951501892553424917|full=yes}} |- | <pre><nowiki>{{Discord|full=yes |id = 951501892553424917 |width = 300px |height = 500px }}</nowiki></pre> || {{Discord|full=yes|id=951501892553424917|width=300px|height=500px}} |} == Dependencies == * As stated before, both Compact and Widget require the given Discord server to have Widgets enabled in its Server Settings. * Both Compact and Widget require the <code>discordTemplate</code> gadget: ** [[MediaWiki:Gadgets/discordTemplate]] ** [[MediaWiki:Gadgets/discordTemplate/main.js]] == TemplateData == <templatedata> { "params": { "1": { "aliases": [ "id" ], "label": "Server ID", "description": "The Discord server's ID.", "example": "951501892553424917", "type": "line", "required": true }, "full": { "label": "Use full widget", "example": "yes", "type": "boolean", "description": "Do you want to use the full widget?" }, "width": { "label": "Width (full widget only)", "description": "A custom width for the full widget.", "example": "300px", "type": "line" }, "height": { "label": "Height (full widget only)", "description": "A custom height for the full widget.", "example": "500px", "type": "line" } }, "description": "This template allows you to either use DiscordCompact or DiscordWidget to display information about a certain Discord server.", "paramOrder": [ "1", "full", "width", "height" ], "format": "block" } </templatedata> 2b1165b9383a06a5766054d0d38b8b045cf83b25 10 149 172 2025-07-23T00:08:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly></div> </div></includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 506617faba565eb65144b21c3ead8fe5c2010b55 10 150 173 2025-07-23T00:08:34Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><div class="mp-box <!-- These variables are used to determine if certain layouts should hide certain boxes. The variable is created in and passed from [[Module:Main page]], and is formatted as a pseudo bitmask to reduce variable usage An example of this variable would be "1,1,0," which would mean display on desktop and tablet but not on mobile -->{{#ifeq:{{#explode:{{#var:imp-variable-display-box}}|,|0}}|0|mp-hide-on-desktop}} <!-- -->{{#ifeq:{{#explode:{{#var:imp-variable-display-box}}|,|1}}|0|mp-hide-on-tablet}} <!-- -->{{#ifeq:{{#explode:{{#var:imp-variable-display-box}}|,|2}}|0|mp-hide-on-mobile}} <!-- -->{{{class|}}}" style="grid-area:{{#var:imp-variable-id}}; {{{style|}}}" id="mp-box-{{#var:imp-variable-id}}" data-box-id="{{#var:imp-variable-id}}"><!-- -->{{#if:{{{title|{{{1|}}}}}}| <h2> {{{title|{{{1|}}}}}} </h2> }}<div class="mp-body"></includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 62eedb503b63a36fc31a301f8ea6b15f6ff9bf60 10 151 174 2025-07-23T00:08:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = $1 }} Content goes here, between the start and end templates. Feel free to use wikitext, tables, templates, new lines, whatever. {{Main page box/end}}<includeonly><no<noinclude></noinclude>include>[[Category:Main page boxes]]</no<noinclude></noinclude>include></includeonly><!-- don't edit this line --><noinclude> [[Category:Main page templates]] </noinclude> 9b16288e15e3c8c9ede76b4dc76e538d2253cf23 10 152 175 2025-07-23T00:08:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#invoke:Main page|main}} __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]]</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 64a0dbb502a75c44e4b3f474772d8502bdf44e40 10 153 176 2025-07-23T00:08:35Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{#tag: inputbox | type = create width = 40 default = {{{1|}}} buttonlabel = Create this box prefix = {{#or:{{{rootpage|}}}|{{MediaWiki:Mainpage}}}}/ placeholder = box name (no spaces) preload = Template:Main page box/preload summary = Created using preload preloadparams[] = {{ucfirst:{{{1|Example}}}}} }}<noinclude>[[Category:Main page templates]]</noinclude> da58eca98a44a09e476c5b4a5cafde116b6cdac9 10 154 177 2025-07-23T00:08:36Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><code>Template:Main page box</code> is not intended to be used directly, please use [[Template:Main page box/start]] and [[Template:Main page box/end]].</includeonly><noinclude> This template is used to create the boxes of the IMProved Main Page (IMP) framework. '''It should not be called directly''', instead using {{tl|Main page box/start}} and {{tl|Main page box/end}}. <div style="text-align:center;"> Use the box below to create a page with the required templates already in place, ready for you to add your content. {{/create}} The box name can not contain spaces or start with a number. Those are probably the only restrictions you'll run into, but for a full list see [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident> on MDN web docs]. </div> ==Parameters== These are the parameters used by {{tl|Main page box/start}}. All parameters are optional. {| class="wikitable" ! Name !! Data type !! Description |- | title || Wikitext || The title of the box. This can be empty, in which case the box will contain only the content. |- | class || CSS classes || A list of classes to be passed to the box, separated by spaces and without quotes. Standard options are <code>centered-content</code> to vertically center contents, and <code>has-floating-image</code> in case floating images are needed in the box (normally the flex layout disallows this). |- | style || CSS declarations || Inline CSS to be applied directly to the box, without quotes. A common usage is <code>text-align:center;</code> for cases where it's desired for individual boxes to have centered text. |} [[Category:Main page templates]] [[Category:Template documentation]] </noinclude> cbbd25d1eb0105a8be55d0cc174f385fc467ffad 10 155 178 2025-07-23T00:08:36Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki See [[Template:Main page box]] for information on how to use this. ==TemplateData== <templatedata> { "params": { "class": { "label": "Class", "description": "Additional classes to give to the box wrapping this box.", "example": "centered-content", "suggestedvalues": [ "centered-content", "has-floating-image" ] }, "style": { "label": "Style", "description": "Inline CSS to add to the box wrapping this box", "example": "text-align:center;", "type": "string" }, "title": { "aliases": [ "1" ], "label": "Title", "description": "The title of this box.", "example": "Welcome to the wiki!", "type": "content", "suggested": true } }, "description": "Creates a box for use on the main page.", "paramOrder": [ "title", "class", "style" ], "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 860e1be8fbf205ab2b3214cb91860a77fd3ef52b 10 156 179 2025-07-23T00:08:36Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki See [[Template:Main page box]] for information on how to use this. <noinclude>[[Category:Template documentation]]</noinclude> e73182bed655118b10da971b634dc9c3bf3e3d39 10 157 180 2025-07-23T00:08:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template is used to create an IMP Main Page. It uses [[Module:Main page]] to arrange a series of [[Template:Main page box]]es in a [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout CSS grid]. ==Simple explanation== The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span multiple rows and/or columns, but ''must'' form a contiguous rectangle of any dimension (1x1, 1x2, 2x2, 2x3, etc.). For example, the following input to desktop: <pre style="display:table;"> welcome welcome welcome about links links about contribute contribute </pre> would produce a grid resembling the following: {| class="wikitable" | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(0,0,255, 0.15)" | links | style="background-color:rgba(0,0,255, 0.15)" | links |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(255,255,0, 0.15)" | contribute | style="background-color:rgba(255,255,0, 0.15)" | contribute |} Where <code>welcome</code> is the contents of [[{{MediaWiki:Mainpage}}/welcome]], <code>about</code> is the contents of [[{{MediaWiki:Mainpage}}/about]], and so on. See [[Template:Main page box]] for more information about creating your own boxes. If you enter a keyword that does not have a corresponding box already, you'll be prompted to create one when saving or previewing the page. If you leave a keyword out of a certain layout, it will not be displayed on that layout. A warning will be given at the top of the edit preview in case this was an accident, but can be safely ignored if intentional. For additional hints and information, see the comments that came on your main page or ask a wiki.gg staff member for help. ==Technical explanation== For the CSS savvy, this section explains how it works a bit under the hood. The input to desktop, tablet, and mobile create [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS variables] which are then used as the value of [https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas grid-template-areas] in media queries for screen widths >=1350px, >=990px, and <990px. The boxes are given an id based on their subpage name, which is then used by the module to find the template, as well as by the box templates to assign them a CSS id of <code>mp-box-<keyword></code>. Since these keywords are used directly in the grid layout, they must follow the rules of [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident>] naming. ==Dependencies== For this template to work properly, you need the following: * [[Module:Main page]] * All templates in [[:Category:Main page templates]]. * All CSS within the "Main page layout" section found in [[MediaWiki:Common.css]]. The <code>[[MediaWiki:Gadgets/mpEditLinks|mpEditLinks]]</code> gadget is also highly recommended. Its code can be found at [[MediaWiki:Gadgets/mpEditLinks/main.css]] and [[MediaWiki:Gadgets/mpEditLinks/main.js]]. ==TemplateData== <templatedata> { "params": { "desktop": { "label": "Desktop", "description": "The layout for wide screens", "required": true, "type": "string" }, "tablet": { "label": "Tablet", "description": "The layout for mid-width screens", "required": true, "type": "string" }, "mobile": { "label": "Mobile", "description": "The layout for narrow screens", "required": true, "type": "string" } }, "description": "Creates an IMP Main Page.", "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> c5052ca4c6f9f0e1e2c0a81cea00e372d4bacdca 10 158 181 2025-07-23T00:08:37Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <code><nowiki>[</nowiki>[[Special:CargoTables/{{{1}}}|{{{1}}}]]<nowiki>]</nowiki>{{#if:{{{2|}}}|.{{{2}}}}}</code><noinclude> [[Category:Formatting templates]]</noinclude> d868545d4d3eeb1545e963d063199a68abba7836 10 159 182 2025-07-23T00:08:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{Main page box/start | title = {{{1}}} | style = text-align:center; | class = missing }} The {{{1}}} box does not exist. Check your spelling or create it here:<br/> {{Main page box/create|{{{1|}}}|rootpage = {{{rootpage|}}}}}<br/> See [[Template:Main page box]] for more information. {{Main page box/end}}<noinclude>[[Category:Main page templates]]</noinclude> 5cff88dacf33c912d4aa04c1541e684a5f3e79bb 10 160 183 2025-07-23T00:08:38Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{#vardefine:varname|ITER_INDEX_{{#if:{{{1|}}}|{{{1}}}|default}}<!-- end vardefine -->}}<!-- main logic -->{{#vardefineecho:{{#var:varname}}| {{#expr: {{#ifeq:{{lc:{{{reset|}}}<!-- end lc -->}} |yes |0 |{{#var:{{#var:varname}}|0}} <!-- end ifeq -->}} + {{#if:{{{get|}}}|0|1}} <!-- end expr -->}} <!-- end vde -->}}</includeonly><noinclude>{{documentation}} [[Category:Templates]]</noinclude> c37a3625d58a115a140f129da248ec1c9f6cb55e 10 161 184 2025-07-23T00:08:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template helps you create indexed columns in tables (particularly [[support:Cargo|Cargo]] queries) and to retrieve iterator values when using the parser function <code><nowiki>{{#arraymaptemplate</nowiki></code> (bundled with Extension:ParserPower on wiki.gg). == Simple counting == <pre> * {{iter|}} * {{iter|}} * {{iter|}} * {{iter|}} </pre> * {{iter|}} * {{iter|}} * {{iter|}} * {{iter|}} == Reset the counter == <pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|reset=yes}} * {{iter|}} </pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|reset=yes}} * {{iter|}} == Multiple counters == <pre> * {{iter|key1}} * {{iter|key2}} * {{iter|key2}} * {{iter|key1}} </pre> * {{iter|key1}} * {{iter|key2}} * {{iter|key2}} * {{iter|key1}} == Get value without incrementing == <pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|}} * {{iter|get=yes}} </pre> * {{iter|reset=yes}} * {{iter|}} * {{iter|}} * {{iter|get=yes}} <noinclude> [[Category:Template documentation]] </noinclude> 20b5a53a6457493d2a2a9774b803511678a65760 10 162 185 2025-07-23T00:08:39Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = permission | icon = [[File:IN COPYRIGHT.svg|50px|link=|IN COPYRIGHT WITH PERMISSION]] | text = This file is copyrighted. The copyright holder has given permission for its use on wiki.gg. }}</includeonly><noinclude> This template currently looks like: {{License/permission}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 854af75c8477c36c50cb5d103ad8a933892fc322 186 185 2025-07-23T00:08:39Z ARTIFICER 564804 Protected "[[Template:License/permission]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = permission | icon = [[File:IN COPYRIGHT.svg|50px|link=|IN COPYRIGHT WITH PERMISSION]] | text = This file is copyrighted. The copyright holder has given permission for its use on wiki.gg. }}</includeonly><noinclude> This template currently looks like: {{License/permission}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 854af75c8477c36c50cb5d103ad8a933892fc322 10 163 187 2025-07-23T00:08:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><!-- --><span class="country-flag" title="{{{2|}}}">{{#if: {{{1|}}} | [[File:Flag {{{1|}}}.svg|x20px|link=]] | }}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Formatting templates]]</noinclude> 9802f61bee0e36120c835608ccee85e72384341b 10 164 188 2025-07-23T00:08:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This formatting template allows you to display country flags inline. Available country flags can be seen in [[dev:Category:Country_flags|our Commons Wiki]]. == Usage == The template can be used with the following formatting: <code><nowiki>{{flag|code|Legend}}</nowiki></code>, where: * <code>code</code> is the [[wikipedia:ISO 3166-1 alpha-2|ISO 3166-1 alpha-2]] code for the country flag. * <code>Legend</code> is the legend displayed on hover (optional). == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{flag|ca|Canada}}</nowiki></code> || {{flag|ca|Canada}} |} <noinclude>[[Category:Template documentation]]</noinclude> 1fb455be1ffbed259dd27df18dd447e605746ed4 10 165 189 2025-07-23T00:08:40Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #redirect [[Template:Disambiguation]] f220bcb889e0ce686a839d64ec6c4359b0e8bfb7 10 166 190 2025-07-23T00:08:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><div class="toclimit-{{{1|{{{limit|3}}}}}}">__TOC__</div></includeonly><noinclude> {{documentation}} [[Category:Table of contents templates]] </noinclude> 9187098528659316936c0da0589a7745f10e38e3 10 167 191 2025-07-23T00:08:41Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This template inserts a Table of Contents that omits subheadings beyond a certain depth. The table obeys the same layout rules as the <nowiki>__TOC__</nowiki> [[mw:Help:Magic_words|magic word]]. Omitted sections still have section edit links in the article body. The main use for this template is situations where you want section edit links for ease of editing but don't want a full table of contents. '''Before using this template, consider whether and why it would be helpful to readers and other editors.''' == Usage == {{tlx|TOC limit}} or {{tlx|TOC limit|3}} The template defaults to including second- and third-level headings, e.g. those numbered "1" and "1.1" in the TOC. (Note: {{tlx|TOC limit|1}} does nothing: the first-level heading on a page is, by default, the page title.) You can specify a different limit by adding a header level: {{tlx|TOC limit|4}} 4 allows for fourth-level headings, e.g. "1.1.1", but omits any subheadings below that from the TOC. The template works by hiding the lower levels with CSS. See [[Mediawiki:Common.css]]. == TOC levels versus wikitext header levels == The heading levels in the TOC normally correspond to the header levels in the wikitext, so a <code>== Level-2 header ==</code> will normally generate the first-level ("1") TOC headings, a <code>=== Level-3 header ===</code> will normally generate the second-level ("1.1") TOC headings, and so on. This correspondence does ''not'' hold if the page contains <code>= Level-1 headers =</code> or skips header levels. For example, wikitext like this: <pre> == Level-2 heading (A) == === Level-3 heading (B) === == Level-2 heading (C) == ====== Level-6 heading (D) ====== = Level-1 heading (E) = == Level-2 heading (F) == === Level-3 heading (G) === </pre> will generate a TOC like this: {| class="toc" |<div style="text-align:center"><b>Contents</b></div> <ul> <li class="toclevel-1 tocsection-1"><span class="tocnumber">1</span> <span class="toctext">Level-2 heading (A)</span><ul> <li class="toclevel-2 tocsection-2"><span class="tocnumber">1.1</span> <span class="toctext">Level-3 heading (B)</span></li> </ul></li> <li class="toclevel-1 tocsection-1"><span class="tocnumber">2</span> <span class="toctext">Level-2 heading (C)</span><ul> <li class="toclevel-2 tocsection-2"><span class="tocnumber">2.1</span> <span class="toctext">Level-6 heading (D)</span></li> </ul></li> <li class="toclevel-1 tocsection-1"><span class="tocnumber">3</span> <span class="toctext">Level-1 heading (E)</span><ul> <li class="toclevel-2 tocsection-2"><span class="tocnumber">3.1</span> <span class="toctext">Level-2 heading (F)</span><ul> <li class="toclevel-3 tocsection-3"><span class="tocnumber">3.1.1</span> <span class="toctext">Level-3 heading (G)</span></li> </ul></li> </ul></li> </ul> |} Using <code><nowiki>{{TOC limit}}</nowiki></code> on this page ''would not'' hide header D, because even though it is a level-6 heading it is shown at the second level in the TOC. And it ''would'' hide header G even though it is a level-3 heading just like header B, because header G is shown at the third level in the TOC while header B is shown at the second level. == Conflicts == This template does not interact well with the {{tl|TOC right}} template. To achieve the correct effect, use those with a limit parameter. For example, {{tlx|TOC&nbsp;right|2=limit=2}} has the effect that {{tlx|TOC&nbsp;right}} and {{tlx|TOC&nbsp;limit|2}} would have - if they worked together. == TemplateData == <templatedata> { "params": { "1": { "aliases": [ "limit" ], "label": "Limit", "description": "Maximum header depth to be included in table of contents", "default": "3", "suggested": true, "type": "number" } }, "description": "Inserts a Table of Contents that omits subheadings beyond a certain depth." } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 8582cad25d72e508a04a81c36ef5ecb663a32bc7 10 168 192 2025-07-23T00:08:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly><div class="tocright {{#if:{{{limit|}}}|toclimit-{{{limit}}}}}">__TOC__</div></includeonly><noinclude> {{documentation}} [[Category:Table of contents templates]] </noinclude> 8b94caa5343acd906cad9e74465f0ea5ce4e9549 10 169 193 2025-07-23T00:08:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{tl|TOC right}} forces the auto-generated Table of Contents for an article to appear floated to the right side of the page in order to improve article layout. ==Usage== Insert <code><nowiki>{{TOC right}}</nowiki></code> at the point in the article where you want the top of the Table of Contents box to appear. This should usually be after the text of the lead section, and just before the first section heading. Use with {{tl|clear}} to prevent collision with text. Avoid placing the TOC in a visually poor location. Crossing a section division is probably a poor idea. ;limit : Limits the depth of subheadings shown. For instance using <code>limit=4</code> will hide the fourth level and deeper subheadings in the hierarchy. And <code>limit=2</code> will hide all subheadings leaving only the main headings. This works by hiding the lower levels with CSS. See {{tl|TOC limit}} for more information on this. Do not place this template so that the TOC aligns with a large image or infobox; this breaks the layout on narrow screens (even users with screens as wide as 1024px wide can have problems). Also, a TOC that crosses a section division is probably a poor idea, if that can be avoided. Unless the section in which the {{tl|TOC right}} is placed is long enough, the result may well be undesirable. It should only be used in cases where the TOC gets in the way of other content or is detrimental to the layout of the page; it should ''not'' simply be used for aesthetics since it tampers with the standard appearance of articles. ==TemplateData== <templatedata> { "params": { "limit": { "label": "Limit", "description": "Limits the depth of subheadings shown. For instance using limit=4 will hide the fourth level and deeper subheadings in the hierarchy. And limit=2 will hide all subheadings leaving only the main headings. This works by hiding the lower levels with CSS", "type": "number" } }, "description": "{{TOC right}} forces the auto-generated \"Table of Contents\" for an article to appear floated to the right side of the page (as seen right), in order to improve article layout.", "paramOrder": [ "limit" ], "format": "inline" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 88415e28677a029fbca8963e109305c2d2d79643 10 170 194 2025-07-23T00:08:42Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:TOC limit]] cfa656c80245fbc1966e109758445db069c69934 10 171 195 2025-07-23T00:08:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:TOC limit]] cfa656c80245fbc1966e109758445db069c69934 10 172 196 2025-07-23T00:08:43Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:TOC right]] fc00258b0a19738ebc9c13dbcc88881f9d5bff3e 10 173 197 2025-07-23T00:08:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki #REDIRECT [[Template:TOC right]] fc00258b0a19738ebc9c13dbcc88881f9d5bff3e 14 174 198 2025-07-23T00:08:44Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 175 199 2025-07-23T00:08:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 176 200 2025-07-23T00:08:45Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 177 201 2025-07-23T00:08:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 178 202 2025-07-23T00:08:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 179 203 2025-07-23T00:08:46Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 180 204 2025-07-23T00:08:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 181 205 2025-07-23T00:08:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki These categories are hidden on article pages. [[Category:Wiki maintenance]] e4d17499a8377d3f2b4b4a618a671e53111f43ca 14 182 206 2025-07-23T00:08:47Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Media]] b141d2b9971d6efe9f59bd03449781e71411c631 14 183 207 2025-07-23T00:08:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 184 208 2025-07-23T00:08:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 185 209 2025-07-23T00:08:48Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 186 210 2025-07-23T00:08:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 187 211 2025-07-23T00:08:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 188 212 2025-07-23T00:08:49Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 189 213 2025-07-23T00:08:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 190 214 2025-07-23T00:08:50Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 191 215 2025-07-23T00:08:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 192 216 2025-07-23T00:08:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 193 217 2025-07-23T00:08:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 194 218 2025-07-23T00:08:51Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 195 219 2025-07-23T00:08:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 196 220 2025-07-23T00:08:52Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 197 221 2025-07-23T00:08:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 198 222 2025-07-23T00:08:53Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 199 223 2025-07-23T00:08:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 200 224 2025-07-23T00:08:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 201 225 2025-07-23T00:08:54Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 202 226 2025-07-23T00:08:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 203 227 2025-07-23T00:08:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki Official images used for purposes of promoting the game, that may not actually represent gameplay. [[Category:Images]] 80b893c439747ce681cf18cc579c3bc4c65cd502 14 204 228 2025-07-23T00:08:55Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 205 229 2025-07-23T00:08:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] [[Category:Wiki maintenance]] c1800be0da4588b3b652fa5324aade2c496fb3c5 14 206 230 2025-07-23T00:08:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Templates]] [[Category:Wiki maintenance]] b1ff76c0593194e53e6bf42f37ca337a5493c57e 14 207 231 2025-07-23T00:08:56Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki The sub-categories of this category contain pages that have been identified as needing attention for one or more of the following reasons: * Changes have been suggested that should be discussed first or are under discussion. * The page has flaws that need addressing by an editor with the knowledge or skills to help. * The action the page needs requires special rights. ''See also:'' * [[Special:BrokenRedirects|Broken redirects]] * [[Special:DoubleRedirects|Double redirects]] * [[Special:UncategorizedCategories|Uncategorized categories]] * [[Special:UncategorizedFiles|Uncategorized files]] * [[Special:UncategorizedPages|Uncategorized pages]] * [[Special:UncategorizedTemplates|Uncategorized templates]] * [[Special:WantedCategories|Wanted categories]] * [[Special:WantedFiles|Wanted files]] * [[Special:WantedPages|Wanted pages]] * [[Special:WantedTemplates|Wanted templates]] * [[Special:TrackingCategories|Other special tracking categories]] [[Category:{{SITENAME}}]] 4b90dc0dbd8c91e131e4ffcf22360b1c837b9717 14 208 232 2025-07-23T00:08:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 209 233 2025-07-23T00:08:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 210 234 2025-07-23T00:08:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 211 235 2025-07-23T00:08:57Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 212 236 2025-07-23T00:08:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 213 237 2025-07-23T00:08:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 214 238 2025-07-23T00:08:58Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 215 239 2025-07-23T00:08:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 216 240 2025-07-23T00:08:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Template documentation]] e65ecf60878d4707b3b4c1e3962615e2d5f3b2ab 14 217 241 2025-07-23T00:08:59Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 218 242 2025-07-23T00:09:00Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 219 243 2025-07-23T00:09:00Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 220 244 2025-07-23T00:09:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a DRUID infobox. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 17ed4520e5c453209616df3c9b2306fce8ceb12f 14 221 245 2025-07-23T00:09:01Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|navbox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 3e48f396fafee5d8aecf6cd0dcb554c769f485a9 14 222 246 2025-07-23T00:09:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with an {{tl|ambox}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] de382f794395f344d0147dbb96b9542d6f38f624 14 223 247 2025-07-23T00:09:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|hatnote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 4ac7721cfcffb2f181820164d95f3af8d86c4fd7 14 224 248 2025-07-23T00:09:02Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|spoiler}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 5822aa87e8a8897673ff589d00d2f0d622aa3be5 14 225 249 2025-07-23T00:09:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|quote}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 2f764cddd1fb264f48b896ffd6e892df3c391e90 14 226 250 2025-07-23T00:09:03Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|color}}. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] bcca0312385263c30522c744df6a8c8856c68fab 14 227 251 2025-07-23T00:09:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 228 252 2025-07-23T00:09:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Main page templates]] ce086f8cfa39aeb8137ffe34e5d41aa38300cf4e 14 229 253 2025-07-23T00:09:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] d17f98d5d77b5951b7a80755914239533ad6aba6 14 230 254 2025-07-23T00:09:04Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki This category contains every page with a {{tl|Discord}} embed. It can be used for maintenance but primarily exists to enable the use of gadgets for targeted CSS and JS. __HIDDENCAT__ __EXPECTUNUSEDCATEGORY__ [[Category:Categories for loading gadgets]] 11ff5616854d8913d2c371ae3c2c610278651846 14 231 255 2025-07-23T00:09:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 232 256 2025-07-23T00:09:05Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 8 233 257 2025-07-23T00:09:06Z ARTIFICER 564804 Importing default loadout css text/css /* All CSS here will be loaded for users of the Vector skin */ /* This is the wiki.gg default loadout, please do not modify it inline. To add your own skin customizations, scroll down to the end of the default loadout (or search for "[END]" to jump there). If you modify the sheet above that point, your changes may be overwritten in updates without warning!!! If you want to maintain your own CSS for annual MediaWiki updates & be responsible for ALL bugfixes YOURSELF, change UPDATE in the following line to say NOUPDATE: DLW: UPDATE DLW VERSION: 2.1.6.6 IMPORTANT: if you are updating your wiki from a version before May 22, 2025, you need to copy [[MediaWiki:Gadgets/vectorScripts]] and [[MediaWiki:Gadgets/vectorScripts/main.js]] as well or your navigation tabs will break. */ /********************************************************* * Backwards compatibility with deprecated variable names * **********************************************************/ :root { --wiki-heading-color: var(--wiki-content-heading-color); --wiki-heading-font-family: var(--wiki-content-heading-font-family); --wiki-firstheading-font-family: var(--wiki-content-firstheading-font-family); } /**************************************** * End backwards compatibility variables * *****************************************/ /************************************ * Body, head, and general framework * *************************************/ html, body { height: auto; min-height: 100%; } /* site background */ html { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); } body { background: none; font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); box-sizing: border-box; padding-top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, 0px)); padding-bottom: var(--wiki-bottom-spacing, 0px); padding-left: var(--wiki-left-spacing, 0px); padding-right: var(--wiki-right-spacing, 0px); box-sizing: border-box; } .skinpref-limited-width body, body.skinpref-limited-width { --wiki-page-content-max-width: var(--wiki-content-reduced-max-width, 1300px); } /* clear fix */ body::after { content: ""; display: table; clear: both; } #mw-page-base, #mw-head-base { background: none; --height: calc(var(--wiki-navigation-height, 3em) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-is-top-logo, 0) * (var(--wiki-logo-height, 160px) + var(--wiki-logo-margin, 15px))); /* if is-top-logo, height of navigation, else height of navigation + logo-height + logo-margin */ height: var(--height); } #mw-page-base { max-width: var(--wiki-page-content-max-width, 9999px); margin: auto; } #mw-head-base { width: calc(min(100%, var(--wiki-page-content-max-width, 9999px)) - var(--wiki-sidebar-width, 10em) - var(--wiki-gap-between-sidebar-and-content, 0.5em)); margin-top: calc(-1 * var(--height)); margin-left: calc(max(0px, 100% - var(--wiki-page-content-max-width, 9999px)) / 2 + var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em)); } /* let ul default to text that respects color */ ul { list-style-image: none; } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ /* prevent margin collapse */ .content-wrapper::before { content: " "; display: table; } .content-wrapper{ --navigation-border-bottom-width: calc(var(--wiki-navigation-border-bottom-width, calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)))); } /****** navbar (#mw-head) ******/ .vector-menu-tabs .mw-list-item, #p-cactions, #p-variants { float: unset; line-height: 1.5; /* fallback */ line-height: round(nearest, calc(var(--wiki-navigation-font-size,0.8125em)*1.5), 1px); box-sizing: border-box; white-space: nowrap; } #mw-head { --icon-star-filled: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); --icon-star-empty: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); /* icon below is from https://tabler-icons.io/ */ --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em)); width: auto; height: var(--wiki-navigation-height); margin-top: calc(-1 * (var(--wiki-navigation-height) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0))); position: relative; display: flex; align-items: stretch; z-index: 4; /* above #mw-panel and .mw-indicators */ background: var(--wiki-navigation-box-background, none); border: calc(var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0)) var(--wiki-content-border-style, solid) var(--wiki-content-border-color); border-bottom-width: 0; border-radius: var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) 0 0; border-image: var(--wiki-navigation-box-border-image, none); backdrop-filter: var(--wiki-navigation-box-backdrop-filter, none); } /* top border of the content */ #mw-head::before { content: ""; display: block; box-sizing: border-box; position: absolute; top: calc(100% - min(var(--wiki-navigation-left-spacing, 0px) * 999, var(--navigation-border-bottom-width)) + var(--navigation-border-bottom-width)); left: 0; width: calc(max(var(--wiki-navigation-left-spacing, 0px), var(--navigation-border-bottom-width))); height: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width))); border: 0 var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); border-left-width: var(--navigation-border-bottom-width); border-top-width: var(--navigation-border-bottom-width); border-top-left-radius: calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0))); } #left-navigation, #right-navigation { float: none; margin: 0; display: flex; align-items: flex-end; margin-bottom: calc(-1 * var(--navigation-border-bottom-width)); } #left-navigation { flex: 0 0 auto; justify-content: flex-start; } #right-navigation { flex: 1 1 auto; justify-content: flex-end; } #left-navigation::before, #left-navigation::after, #right-navigation::before, #right-navigation::after { content: ""; display: block; height: 0; border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); flex: 0 0 auto; } #left-navigation::before { box-sizing: border-box; width: var(--wiki-navigation-left-spacing, 0px); border-bottom-width: 0; } #left-navigation::after { width: var(--wiki-navigation-gap-between-left-and-right); } #right-navigation::before { flex: 1 1 auto; width: auto; } #right-navigation::after { width: var(--wiki-navigation-right-spacing); display: none; /* only for desktop */ } /*** tabs ***/ /* reset */ .vector-menu, .vector-menu *, .vector-menu-tabs-legacy li { background: none; } .vector-menu input { border: 0; } /* tabs list */ .vector-menu-tabs { height: unset; padding: unset; } .vector-menu-tabs .vector-menu-content { height: 100%; } .vector-menu-tabs-legacy ul{ float: none; } .vector-menu-tabs .vector-menu-content-list { display: flex; align-items: flex-end; } /* tab */ .vector-menu-tabs .mw-list-item, .vector-menu-dropdown { /* outer box of normal tabs: border-bottom */ border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); position: relative; margin-right: max(0px, var(--wiki-navigation-tab-spacing)); /* make space for gap */ height: auto; padding-bottom: var(--wiki-navigation-bottom-spacing, 0px); cursor: auto; } .vector-menu-dropdown .vector-menu-checkbox{ height: calc(100% - var(--wiki-navigation-bottom-spacing, 0px)); } .vector-menu-tabs .mw-list-item::after, .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: max(0px, var(--wiki-navigation-tab-spacing)); height: 0; border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); position: absolute; left: 100%; bottom: calc(0px - var(--navigation-border-bottom-width)); } .vector-menu-tabs .mw-list-item + .mw-list-item, .vector-menu-dropdown { margin-left: calc(min(0px, var(--wiki-navigation-tab-spacing))); } .vector-menu-tabs .mw-list-item a, .vector-menu-tabs .mw-list-item a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { /* "#mw-head " is needed here to correctly overwriting mw default css */ /* inner box of normal tabs: tab style */ float: none; height: auto; margin: 0; padding: var(--wiki-navigation-tab-padding-top, 1.25em) var(--wiki-navigation-tab-padding-x, 0.75em) var(--wiki-navigation-tab-padding-bottom, 4px); border: var(--wiki-navigation-border-width, 1px) var(--wiki-navigation-border-style, solid) var(--wiki-navigation-border-color); border-bottom-width: calc(min(var(--wiki-navigation-bottom-spacing, 0px)*999, var(--wiki-navigation-border-width, 1px))); border-radius: var(--wiki-navigation-border-radius) var(--wiki-navigation-border-radius) 0 0; border-image: var(--wiki-navigation-border-image); color: var(--wiki-navigation-text-color); background-image: var(--wiki-navigation-background-image, none); background-color: color-mix(in srgb, var(--wiki-navigation-background-color) var(--wiki-navigation-background-opacity), transparent); background-size: var(--wiki-navigation-background-size, auto); background-repeat: var(--wiki-navigation-background-repeat, repeat); background-position: var(--wiki-navigation-background-position, center); font-size: var(--wiki-navigation-font-size, 0.8125em); backdrop-filter: var(--wiki-navigation-backdrop-filter, var(--wiki-navigation-selected-backdrop-filter, none)); } .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { border-color: var(--wiki-navigation-border-color--hover, var(--wiki-navigation-border-color)); color: var(--wiki-navigation-text-color--hover); border-image: var(--wiki-navigation-border-image--hover); background-image: var(--wiki-navigation-background-image--hover, var(--wiki-navigation-background-image, none)); background-color: color-mix(in srgb, var(--wiki-navigation-background-color--hover, var(--wiki-navigation-background-color)) var(--wiki-navigation-background-opacity--hover, var(--wiki-navigation-background-opacity)), transparent); background-size: var(--wiki-navigation-background-size--hover, var(--wiki-navigation-background-size, auto)); background-repeat: var(--wiki-navigation-background-repeat--hover, var(--wiki-navigation-background-repeat, repeat)); background-position: var(--wiki-navigation-background-position--hover, var(--wiki-navigation-background-position, center)); } .vector-menu-tabs .mw-list-item.selected { background: none; border-bottom-color: transparent; } .vector-menu-tabs .mw-list-item.selected a { /* inner box of selected tab: tab style */ background-image: var(--wiki-navigation-selected-background-image, none); background-color: color-mix(in srgb, var(--wiki-navigation-selected-background-color) var(--wiki-navigation-selected-background-opacity), transparent); background-size: var(--wiki-navigation-selected-background-size, auto); background-repeat: var(--wiki-navigation-selected-background-repeat, repeat); background-position: var(--wiki-navigation-selected-background-position, center); border: var(--wiki-navigation-selected-border-width, 1px) var(--wiki-navigation-selected-border-style, solid) var(--wiki-navigation-selected-border-color); border-bottom-width: calc(min(var(--wiki-navigation-bottom-spacing, 0px)*999, var(--wiki-navigation-selected-border-width, 1px))); border-image: var(--wiki-navigation-selected-border-image); color: var(--wiki-navigation-selected-text-color); backdrop-filter: var(--wiki-navigation-selected-backdrop-filter, none); } .vector-menu-tabs .mw-list-item.selected::before { content: ''; display: block; width: 100%; box-sizing: border-box; height: var(--navigation-border-bottom-width); border: var(--wiki-navigation-selected-border-width, var(--wiki-content-border-width, 1px)) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); border-top-width: 0; border-bottom-width: 0; position: absolute; bottom: calc(0px - var(--navigation-border-bottom-width)); background: var(--wiki-navigation-selected-border-bottom-background, transparent); background-clip: padding-box; } /* watch/unwatch star */ .vector-menu-tabs #ca-watch.icon a, .vector-menu-tabs #ca-unwatch.icon a { width: var(--wiki-navigation-icon-size, 1em); height: 100%; box-sizing: content-box; padding: var(--wiki-navigation-tab-padding-top, 1.25em) var(--wiki-navigation-tab-padding-x--icon, var(--wiki-navigation-tab-padding-x, 0.75em)) var(--wiki-navigation-tab-padding-bottom, 4px) var(--wiki-navigation-tab-padding-x--icon, var(--wiki-navigation-tab-padding-x, 0.75em)); color: transparent; /* for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. */ display: flex; align-items: center; } .vector-menu-tabs #ca-watch.icon a::before, .vector-menu-tabs #ca-unwatch.icon a::before { content: ""; display: block; position: unset; background-image: none !important; width: var(--wiki-navigation-icon-size, 1em); height: var(--wiki-navigation-icon-size, 1em); flex: 0 0 auto; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-color: var(--wiki-navigation-text-color--hover); } .vector-menu-tabs #ca-unwatch.icon .loading::before, .vector-menu-tabs #ca-watch.icon .loading::before{ transform-origin: 50% 56.25%; } .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: var(--icon-star-empty); } .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: var(--icon-star-filled); } /*** dropdown menu ***/ .vector-menu-dropdown .vector-menu-heading { /* "More" */ /* tab label */ position: relative; display: flex; align-items: center; gap: 0.25em; } .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ content: ""; display: block; width: 1em; height: 1em; margin-top: 1px; /* tweak offset */ --mask: var(--icon-chevron-down) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background: unset; background-color: var(--wiki-navigation-text-color); filter: none; } .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ background-color: var(--wiki-navigation-text-color--hover); } .vector-menu-dropdown .mw-list-item a:not(.vector-icon) { font-size: var(--wiki-navigation-dropdown-font-size, 0.8125em); } .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: none; background: none; left: 0; /* reset */ margin: 0; /* reset */ top: calc(100% - var(--wiki-navigation-bottom-spacing, 0px)); overflow: unset; } .vector-menu-dropdown .vector-menu-content ul { border: var(--wiki-navigation-dropdown-border-width) solid var(--wiki-navigation-dropdown-border-color); border-radius: 0 0 var(--wiki-navigation-dropdown-border-radius) var(--wiki-navigation-dropdown-border-radius); border-image: var(--wiki-navigation-dropdown-border-image); background: color-mix(in srgb, var(--wiki-navigation-dropdown-background-color, var(--wiki-content-background-color)) var(--wiki-navigation-dropdown-background-opacity, var(--wiki-content-background-opacity, 100%)), transparent); box-shadow: var(--wiki-navigation-dropdown-box-shadow, var(--wiki-navigation-dropdown-shadow, none)); /* --wiki-navigation-dropdown-shadow is deprecated name */ backdrop-filter: var(--wiki-navigation-dropdown-backdrop-filter); padding: var(--wiki-navigation-dropdown-padding, 0); margin-top: var(--wiki-navigation-dropdown-offset, 0); } .vector-menu-dropdown .vector-menu-content li:hover { background: var(--wiki-navigation-dropdown-item-background--hover, none); } .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--wiki-navigation-dropdown-item-padding, 0); color: var(--wiki-navigation-text-color); } .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--wiki-navigation-text-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */ } /*** search form ***/ #p-search { margin: 0; padding: 0 calc(max(0px, var(--wiki-navigation-right-spacing, 0px))) calc(var(--wiki-navigation-search-bottom-spacing, 3px) + var(--navigation-border-bottom-width)) calc(max(0px, 3px - max(0px, var(--wiki-navigation-tab-spacing, -1px)))); z-index: 2; position: relative; font-size: var(--wiki-navigation-search-font-size, var(--wiki-navigation-font-size, 0.8125em)); } .vector-search-box form { margin: unset; } #p-search .searchButton { background-color: transparent; font-size: unset; } /*new search form */ .cdx-search-input--has-end-button .cdx-search-input__input-wrapper{ margin: 0; } #p-search input{ line-height: 1.25; /* "normal" behaves inconsistently in different browsers */ } #p-search input{ height: unset; min-height: var(--wiki-navigation-search-height, 2em); } #p-search button{ height: unset; min-height: var(--wiki-navigation-search-height, 2em); min-width: var(--wiki-navigation-search-height, 2em); top: 0; bottom: 0; right: 0; background-color: color-mix(in srgb, var(--wiki-navigation-search-button-color, currentColor) var(--wiki-navigation-search-button-color-opacity, 80%), transparent); opacity: 100%; } #p-search button:hover, #p-search button:focus{ background-color: color-mix(in srgb, var(--wiki-navigation-search-button-color--hover, var(--wiki-navigation-search-button-color, currentColor)) var(--wiki-navigation-search-button-color-opacity--hover, 95%), transparent); opacity: 100%; } @media screen and (min-width: 721px) { #p-search .cdx-text-input{ min-width: 10rem; width: 20vw; max-width: 20rem; } } /* top border of the content box */ #p-search::before { content: ""; display: block; width: calc(100% - calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width)))); height: 0; border-bottom: var(--navigation-border-bottom-width) var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)) var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); position: absolute; bottom: 0; left: 0; } /* top right border-radius of content area */ #p-search::after { content: ""; display: block; width: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width))); height: calc(max(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0)), var(--navigation-border-bottom-width))); box-sizing: border-box; border-width: var(--navigation-border-bottom-width) var(--navigation-border-bottom-width) 0 0; border-style: var(--wiki-navigation-border-bottom-style, var(--wiki-navigation-selected-border-style, solid)); border-color: var(--wiki-navigation-border-bottom-color, var(--wiki-navigation-selected-border-color)); border-radius: 0 calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0))) 0 0; position: absolute; top: calc(100% - var(--navigation-border-bottom-width)); right: 0; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color: var(--wiki-content-link-color--hover); } a.new, a.new:visited, a.new:hover, .mw-usertoollinks-contribs-no-edits { color: var(--wiki-content-redlink-color); } a:not(.mw-selflink):active, a:visited:active, .mw-parser-output a.extiw:active, .mw-parser-output a.extiw:visited:active, .mw-parser-output a.external:active, .mw-parser-output a.external:visited:active { color: var(--wiki-warning-color); } /* link decorations */ /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background: none; padding-right: 0; } .mw-parser-output a.external::after, a.extiw[title="wgg:globalprefs"]::after { display: inline-block; width: 1em; height: 1em; margin-left: 0px; content: ''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { --icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1ZM2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z%22/%3E %3C/svg%3E"); } a.extiw[title="wgg:globalprefs"]::after { --icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20aria-hidden%3D%22true%22%3E%3C!----%3E%3Cg%3E%3Cg%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20transform%3D%22translate(10%2010)%22%3E%3Cpath%20id%3D%22cdx-icon-settings-a%22%20d%3D%22M1.5-10h-3l-1%206.5h5m0%207h-5l1%206.5h3%22%3E%3C%2Fpath%3E%3Cuse%20xlink%3Ahref%3D%22%23cdx-icon-settings-a%22%20transform%3D%22rotate(45)%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23cdx-icon-settings-a%22%20transform%3D%22rotate(90)%22%3E%3C%2Fuse%3E%3Cuse%20xlink%3Ahref%3D%22%23cdx-icon-settings-a%22%20transform%3D%22rotate(135)%22%3E%3C%2Fuse%3E%3C%2Fg%3E%3Cpath%20d%3D%22M10%202.5a7.5%207.5%200%20000%2015%207.5%207.5%200%20000-15v4a3.5%203.5%200%20010%207%203.5%203.5%200%20010-7%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .plainlinks a.external::after, .plainlinks a.extiw[title="wgg:globalprefs"]::after { display: none; } /* Using a background instead of an ::after prevents the icon from wrapping onto its own line, but prevents it from being recolored. Use this only for icons that should not be recolored, otherwise use the ::after method used for external links above */ a.extiw[title^="wikipedia:"], a.extiw[title^="wp:"], a.extiw[title^="mw:"], a.extiw[title^="support:"] { padding-right: 1em; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; } a.extiw[title^="wikipedia:"], a.extiw[title^="wp:"] { background-image: url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406) } a.extiw[title^="mw:"] { background-image: url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406) } a.extiw[title^="support:"] { background-image: url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg) } .plainlinks a.extiw { background-image:none; } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel { width: var(--wiki-sidebar-width, 10em); box-sizing: border-box; padding-left: unset; position: relative; z-index: 1; /* above #footer */ padding-top: calc((1 - var(--wiki-is-top-logo, 0)) * (var(--wiki-logo-file-height, 160) / var(--wiki-logo-file-width, 160) * var(--wiki-sidebar-width, 10em) + var(--wiki-logo-margin, 15px))); /* if is-top-logo, logo-file ratio * sidebar-width + logo-margin, else 0 */ top: calc(-1 * var(--wiki-is-navigation-inside-content, 0) * (var(--wiki-navigation-height) + var(--wiki-content-border-width,1px)) + var(--wiki-sidebar-offset, 0px)); } #mw-panel .vector-menu-portal { background-color: color-mix(in srgb, var(--wiki-sidebar-background-color) var(--wiki-sidebar-background-opacity), transparent); background-image: var(--wiki-sidebar-background-image, none); background-size: var(--wiki-sidebar-background-size, auto); background-repeat: var(--wiki-sidebar-background-repeat, repeat); background-position: var(--wiki-sidebar-background-position, center); border: var(--wiki-sidebar-border-width, 1px) var(--wiki-sidebar-border-style, solid) var(--wiki-sidebar-border-color); border-image: var(--wiki-sidebar-border-image, none); margin: 0 var(--wiki-sidebar-margin, 0.5em); padding: var(--wiki-sidebar-padding, 0); filter: var(--wiki-sidebar-filter, none); backdrop-filter: var(--wiki-sidebar-backdrop-filter, none); } #mw-panel #p-ext-discordwidget{ backdrop-filter: none; } @supports not (color:color-mix(in srgb, #000, transparent)) { #mw-panel .vector-menu-portal { background-color: var(--wiki-sidebar-background-color); } } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom: 0; } /* Sidebar spacing and border-radius section */ #mw-panel .vector-menu-portal:not(:last-child) { margin-bottom: var(--wiki-sidebar-portal-spacing); } #mw-panel #p-logo + .vector-menu-portal, #mw-panel #p-ext-discordwidget + .vector-menu-portal { /* The way this works is that if the sidebar does not have any spacing, only the top and bottom corners of the top and bottom portals respectively should be rounded, instead of all corners of every portal. min and calc are combined here to basically create an `if x > 0 then y else z` function. The lower of (sidebar-border-radius) and (spacing * 999) are compared and the smaller value is taken (999 is simply an arbitrary large number). If portal spacing is zero, multiplying it gets 0 and will be the smaller value. If it's non-zero, it will be large and sidebar-border-radius will be the smaller value. This is only applied to the "inner" corners because we'd want the "outer" corners rounded in either scenario. */ border-radius: var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)); } #mw-panel .vector-menu-portal:last-child { /* see rule above for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)) var(--wiki-sidebar-border-radius) var(--wiki-sidebar-border-radius); } #mw-panel .vector-menu-portal { /* see above rules for explanation */ border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)); } #mw-panel .vector-menu-portal + .vector-menu-portal { /* This keeps the border from doubling up if there is no spacing between them, The portals other than the first only have a top border if there is spacing */ border-top-width: min(var(--wiki-sidebar-border-width, 1px), var(--wiki-sidebar-portal-spacing, 0px)); /* the 1px and 0px fallbacks are for backwards compatibility with older versions of the loadout */ } #mw-panel #p-ext-discordwidget + .vector-menu-portal { border-top-width: var(--wiki-sidebar-border-width, 1px); } /* end sidebar spacing and border-radius */ .vector-menu-portal .vector-menu-heading { padding: var(--wiki-sidebar-heading-padding, 0.5rem 0.25rem 0.5rem 0.5rem); margin: 0 0 var(--wiki-sidebar-heading-margin-bottom, -0.5rem) 0; background: var(--wiki-sidebar-heading-background, none); border-image: var(--wiki-sidebar-heading-border-image, none); color: var(--wiki-sidebar-heading-color); font-family: var(--wiki-sidebar-heading-font-family); font-size: var(--wiki-sidebar-heading-font-size, 0.75em); font-weight: var(--wiki-sidebar-heading-font-weight, normal); font-style: var(--wiki-sidebar-heading-font-style, normal); text-transform: var(--wiki-sidebar-heading-text-transform, none); line-height: var(--wiki-sidebar-heading-line-height, normal); text-shadow: var(--wiki-sidebar-heading-text-shadow, none) } .vector-menu-portal .vector-menu-content { margin: 0; padding: var(--wiki-sidebar-list-padding, 0.25rem); background: var(--wiki-sidebar-list-background, none); border-image: var(--wiki-sidebar-list-border-image, none); } .vector-menu-portal .vector-menu-content ul { padding: 0; display: flex; flex-direction: column; gap: var(--wiki-sidebar-list-item-spacing, 0); } .vector-menu-portal .vector-menu-content li { font-size: var(--wiki-sidebar-font-size, 0.75em); line-height: var(--wiki-sidebar-line-height, 1.125em); padding: 0; background: var(--wiki-sidebar-list-item-background, none); border-image: var(--wiki-sidebar-list-item-border-image, none); } .vector-menu-portal .vector-menu-content li:hover { background: var(--wiki-sidebar-list-item-background--hover, var(--wiki-sidebar-list-item-background, none)); border-image: var(--wiki-sidebar-list-item-border-image--hover, var(--wiki-sidebar-list-item-border-image, none)); } .vector-menu-portal .vector-menu-content li a { display: block; padding: var(--wiki-sidebar-list-item-padding, 0.25em 0.25rem); } .vector-menu-portal .vector-menu-content li a.feedlink{ /* Atom */ background: none; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color: var(--wiki-sidebar-link-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */ } #t-newpage { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order: -1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order: -1; } #feedlinks{ --sidebar-icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg baseProfile='tiny' height='24px' id='Layer_1' version='1.2' viewBox='0 0 24 24' width='24px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M6.002,15.999C4.895,15.999,3.998,16.896,4,18c0,1.104,0.896,2.001,2.002,1.999C7.105,20.001,8.002,19.105,8,18 C8.002,16.893,7.105,15.997,6.002,15.999z'/%3E%3Cpath d='M6,4C4.896,4,4,4.896,4,6s0.896,2,2,2c5.514,0,10,4.486,10,10c0,1.104,0.896,2,2,2s2-0.896,2-2C20,10.28,13.72,4,6,4z'/%3E%3Cpath d='M6,10c-1.104,0-2,0.896-2,2s0.896,2,2,2c2.205,0,4,1.794,4,4c0,1.104,0.896,2,2,2s2-0.896,2-2C14,13.589,10.411,10,6,10z'/%3E%3C/svg%3E"); order: -1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before, #feedlinks > a::before { content: ''; background-image: var(--sidebar-icon); background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; width: 1.25em; height: 1.25em; } #p-tb .mw-list-item > a::before { filter: var(--wiki-sidebar-icon-to-link-filter, var(--wiki-icon-to-link-filter)); } #p-tb .mw-list-item > a { display: flex; align-items: center; gap: 3px; } /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ #p-logo { width: calc(var(--wiki-sidebar-width, 10em) * (1 - var(--wiki-is-top-logo, 0)) + var(--wiki-logo-file-width, 160) / var(--wiki-logo-file-height, 160) * var(--wiki-logo-height, 160px) * var(--wiki-is-top-logo, 0)); height: calc(var(--wiki-logo-file-height, 160) / var(--wiki-logo-file-width, 160) * var(--wiki-sidebar-width, 10em) * (1 - var(--wiki-is-top-logo, 0)) + var(--wiki-logo-height, 160px) * var(--wiki-is-top-logo, 0)); position: absolute; top: calc(-1 * (var(--wiki-navigation-height, 3rem) + var(--wiki-logo-height, 160px) + var(--wiki-logo-margin, 0px) - var(--wiki-is-navigation-inside-content, 0) * (var(--wiki-navigation-height)) + var(--wiki-sidebar-offset, 0px)) * var(--wiki-is-top-logo, 0)); left: calc((min((100vw - var(--wiki-left-spacing, 0.5em) - var(--wiki-left-spacing)), var(--wiki-page-content-max-width, 9999px)) - var(--wiki-logo-file-width, 160) / var(--wiki-logo-file-height, 160) * var(--wiki-logo-height, 160px)) / 2 * var(--wiki-is-top-logo, 0)); margin: 0; filter: var(--wiki-logo-filter, none); } #p-logo a { background-size: contain; position: absolute; top: var(--wiki-logo-offset-y, 0); left: var(--wiki-logo-offset-x, 0); bottom: 0; right: 0; width: 100%; height: 100%; background-image: var(--wiki-logo-image, url(filepath://Site-logo.png)); /* The canonical logo must be Site-logo.png. This variable is mainly used to provide different logo for different themes. */ } /*********** * End logo * ************/ /*************** * Content area * ****************/ .content-wrapper { max-width: var(--wiki-page-content-max-width, none); margin-left: auto; margin-right: auto; } .mw-body, .parsoid-body { color: var(--wiki-content-text-color); background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em)); margin-top: unset; border-top: 0; border-left: var(--wiki-content-border-width, 1px) solid transparent; border-right: var(--wiki-content-border-width, 1px) solid transparent; border-bottom: var(--wiki-content-border-bottom-width, 1px) solid transparent; border-radius: calc((1 - var(--wiki-is-navigation-inside-content, 0)) * min(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)), var(--wiki-navigation-left-spacing, 0px))) calc((1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))); position: relative; border-image: var(--wiki-content-border-image, none); } @supports not (color:color-mix(in srgb, #000, transparent)) { .mw-body, .parsoid-body { background-color: var(--wiki-content-background-color); } } /* apply backdrop-filter on .mw-body results in the creation of a containing block for absolute and fixed positioned descendants, so we have to move it to here */ .mw-body::before, .parsoid-body::before{ content: ''; display: block; backdrop-filter: var(--wiki-content-backdrop-filter, none); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; border-radius: calc((1 - var(--wiki-is-navigation-inside-content, 0)) * min(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)), var(--wiki-navigation-left-spacing, 0px))) calc((1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))); /* as .mw-body */ } .mw-body::after, .parsoid-body::after { content: ''; display: block; box-sizing: border-box; position: absolute; left: calc(-1 * var(--wiki-content-border-width, 1px)); right: calc(-1 * var(--wiki-content-border-width, 1px)); top: calc(var(--wiki-content-border-top-radius, var(--wiki-content-border-radius, 0px)) * (1 - var(--wiki-is-navigation-inside-content, 0))); bottom: calc(-1 * var(--wiki-content-border-bottom-width, 1px)); pointer-events: none; border-left: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color); border-right: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color); border-bottom: var(--wiki-content-border-bottom-width, 1px) var(--wiki-content-border-bottom-style, solid) var(--wiki-content-border-bottom-color, var(--wiki-content-border-color)); border-radius: 0 0 calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-content-border-radius, 0px))); } #mw-data-after-content { max-width: calc(var(--wiki-page-content-max-width) - var(--wiki-sidebar-width) - var(--wiki-gap-between-sidebar-and-content)); margin-left: calc(var(--wiki-sidebar-width) + var(--wiki-gap-between-sidebar-and-content) + max(0px, 100% - var(--wiki-page-content-max-width)) / 2); box-sizing: border-box; color: var(--wiki-content-text-color); background-color: color-mix(in srgb, var(--wiki-content-background-color) var(--wiki-content-background-opacity), transparent); } #mw-data-after-content .read-more-container { border: var(--wiki-content-border-width, 1px) var(--wiki-content-border-style, solid) var(--wiki-content-border-color); border-top-width: 0; border-bottom: var(--wiki-content-border-bottom-width, 1px) var(--wiki-content-border-bottom-style, solid) var(--wiki-content-border-bottom-color, var(--wiki-content-border-color)); padding: 1em; margin: 0; } #mw-data-after-content .read-more-container:empty { display: none; } @media screen and (min-width: 982px) { #mw-data-after-content .read-more-container { padding: 1.25em 1.5em 1.5em 1.5em; } } .mw-footer { max-width: calc(var(--wiki-page-content-max-width, 9999px) - var(--wiki-sidebar-width, 10em) - var(--wiki-gap-between-sidebar-and-content, 0.5em)); box-sizing: border-box; background-color: color-mix(in srgb, var(--wiki-footer-background-color, var(--wiki-content-background-color)) var(--wiki-footer-background-opacity, var(--wiki-content-background-opacity)), transparent); border: var(--wiki-footer-border-width, 1px) var(--wiki-footer-border-style, solid) var(--wiki-footer-border-color, var(--wiki-content-border-color)); border-top-width: calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-width, 1px))); margin-top: var(--wiki-spacing-before-footer, 0px); border-radius: calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)))) calc(min(var(--wiki-spacing-before-footer, 0px) * 999, var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)))) var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)) var(--wiki-footer-border-radius, var(--wiki-content-border-radius, 0px)); margin-left: calc(var(--wiki-sidebar-width, 10em) + var(--wiki-gap-between-sidebar-and-content, 0.5em) + max(0px, 100% - var(--wiki-page-content-max-width, 9999px)) / 2); color: var(--wiki-footer-text-color); border-image: var(--wiki-footer-border-image, none); backdrop-filter: var(--wiki-footer-backdrop-filter, none); } @supports not (color:color-mix(in srgb, #000, transparent)) { .mw-footer { background-color: var(--wiki-footer-background-color, var(--wiki-content-background-color)); } } .mw-footer li { color: var(--wiki-footer-text-color); } .mw-footer a, .mw-footer a:visited { color: var(--wiki-footer-link-color); } .mw-footer a:hover, .mw-footer a:visited:hover { color: var(--wiki-footer-link-color--hover); } /* fix */ @media screen and (max-width: 900px) { #footer-icons, #footer-places { clear: unset; } } /******************************* * End content area and footer * *******************************/ /*********** * Headings * ************/ .mw-body h1 { border-bottom: var(--wiki-content-firstheading-border-bottom-width, var(--wiki-content-heading-border-bottom-width, 1px)) var(--wiki-content-firstheading-border-style, var(--wiki-content-heading-border-style, solid)) var(--wiki-content-firstheading-border-color, var(--wiki-content-heading-border-color, var(--wiki-content-border-color))); font-size: var(--wiki-content-firstheading-font-size, 1.8em); font-family: var(--wiki-content-firstheading-font-family, var(--wiki-content-heading-font-family)); font-weight: var(--wiki-content-firstheading-font-weight, var(--wiki-content-heading-font-weight)); font-style: var(--wiki-content-firstheading-font-style, var(--wiki-content-heading-font-style)); text-transform: var(--wiki-content-firstheading-text-transform, var(--wiki-content-heading-text-transform)); line-height: var(--wiki-content-firstheading-line-height, var(--wiki-content-heading-line-height)); color: var(--wiki-content-firstheading-color, var(--wiki-content-heading-color)); text-shadow: var(--wiki-content-firstheading-text-shadow, var(--wiki-content-heading-text-shadow, none)); } .mw-body h2 { border-bottom: var(--wiki-content-heading-border-bottom-width, 1px) var(--wiki-content-heading-border-style, solid) var(--wiki-content-heading-border-color, var(--wiki-content-border-color)); font-size: var(--wiki-content-heading-h2-font-size, 1.5em); font-family: var(--wiki-content-heading-font-family); font-weight: var(--wiki-content-heading-font-weight, normal); font-style: var(--wiki-content-heading-font-style, normal); text-transform: var(--wiki-content-heading-text-transform, none); line-height: var(--wiki-content-heading-line-height, normal); color: var(--wiki-content-heading-color); text-shadow: var(--wiki-content-heading-text-shadow, none); } .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6{ border-bottom: var(--wiki-content-subheading-border-bottom-width, 0) var(--wiki-content-subheading-border-style, var(--wiki-content-heading-border-style, solid)) var(--wiki-content-subheading-border-color, var(--wiki-content-heading-border-color, var(--wiki-content-border-color))); font-family: var(--wiki-content-subheading-font-family, var(--wiki-body-font-family)); font-weight: var(--wiki-content-subheading-font-weight, bold); font-style: var(--wiki-content-subheading-font-style, normal); text-transform: var(--wiki-content-subheading-text-transform, none); line-height: var(--wiki-content-subheading-line-height, var(--wiki-content-heading-line-height)); color: var(--wiki-content-subheading-color, var(--wiki-content-heading-color)); text-shadow: var(--wiki-content-subheading-text-shadow, var(--wiki-content-heading-text-shadow, none)); } .mw-body h3{ font-size: var(--wiki-content-heading-h3-font-size, 1.2em); } .mw-body h4{ font-size: var(--wiki-content-heading-h4-font-size, 114%); } .mw-body h5{ font-size: var(--wiki-content-heading-h5-font-size, 108%); } .mw-body h6{ font-size: var(--wiki-content-heading-h6-font-size, 100%); } .mw-editsection-bracket, .mw-editsection-divider { color: var(--wiki-content-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable > tr > th, .wikitable > * > tr > th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable > tr > td, .wikitable > * > tr > td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: unset; position: relative; } .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable)::after, .jquery-tablesorter th.headerSort::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 21px; height: 100%; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: auto; mask-size: auto; -webkit-mask-position: center right; mask-position: center right; background-color: var(--wiki-content-link-color); } .jquery-tablesorter th.headerSortUp::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } .jquery-tablesorter th.headerSortDown::after { --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E") no-repeat; } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: color-mix(in srgb, var(--wiki-accent-label-color) 75%, transparent); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg, var(--wiki-content-background-color) 25%, transparent 25%, transparent 50%, var(--wiki-content-background-color) 50%, var(--wiki-content-background-color) 75%, transparent 75%, transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color: var(--wiki-content-text-mix-color); border-color: var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-dynamic-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span { border-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color: var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; outline-color: color-mix(in srgb, var(--wiki-accent-color) 7%, transparent) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 80%, var(--wiki-content-background-color)); border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color: var(--wiki-alert-color); } .mw-plusminus-null { color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ } .mw-plusminus-pos { color: var(--wiki-success-color); } .updatedmarker { background-color: color-mix(in srgb, var(--wiki-success-color) 25%, transparent); color: var(--wiki-content-text-color); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-hasDescriptions .ve-ui-diffElement-content { border-right-color: var(--wiki-content-border-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } .ve-ui-diffElement-attributeChange ins { background-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-success-color) 90%, transparent); color: var(--wiki-success-label-color); } .ve-ui-diffElement-attributeChange del { background-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); color: var(--wiki-alert-label-color); } .ve-ui-diffElement-highlight { outline-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .ve-ui-changeDescriptionsSelectWidget > .oo-ui-optionWidget-highlighted { background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter: var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter: brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-copy, .mw-twocolconflict-split-column.mw-twocolconflict-split-copy { border-color: var(--wiki-neutral-color, var(--wiki-content-text-mix-color)); /* fallback for backwards compatibility */ background-color: var(--wiki-content-text-mix-color-95); } .mw-twocolconflict-single-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade, .mw-twocolconflict-split-column .mw-twocolconflict-split-collapsed .mw-twocolconflict-split-fade { background-image: linear-gradient(transparent, var(--wiki-content-text-mix-color-95)); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: color-mix(in srgb, var(--wiki-alert-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: color-mix(in srgb, var(--wiki-success-color) 40%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color: color-mix(in srgb, var(--wiki-alert-color) 30%, transparent); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: color-mix(in srgb, var(--wiki-success-color) 80%, transparent); background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: color-mix(in srgb, var(--wiki-success-color) 90%, transparent); background: color-mix(in srgb, var(--wiki-success-color) 10%, transparent); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color: color-mix(in srgb, var(--wiki-alert-color) 90%, transparent); background: color-mix(in srgb, var(--wiki-alert-color) 10%, transparent); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color: var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background: var(--wiki-content-toc-background, var(--wiki-content-background-color--secondary)); border-width: var(--wiki-content-toc-border-width, 1px); border-style: var(--wiki-content-toc-border-style, solid); border-color: var(--wiki-content-toc-border-color, var(--wiki-content-border-color)); border-radius: var(--wiki-content-toc-border-radius, 0px); border-image: var(--wiki-content-toc-border-image, none); box-shadow: var(--wiki-content-toc-box-shadow, none); } #mw-toc-heading { border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage:not(audio) { height: auto; } body.skin--responsive .mw-parser-output .thumb .thumbinner > .thumbcaption { width: revert; } /* packed-overlay and packed-hover modes for galleries */ ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 65%, transparent); } /* for non-thumbnail left floaters, increased margin from 0.5em to account for <ul> */ div.floatleft, table.floatleft { margin-right: 1.4em; } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright, div.floatright, div.tleft, div.floatleft { float: none; margin: 0 auto; width: fit-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color: var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet > .index > :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .sections .section, .wikiEditor-ui-toolbar .booklet .pages, .wikiEditor-ui-toolbar .booklet .index .current, .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span:hover { border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color: var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog { max-width: 100%; box-sizing: border-box; } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } /* creates a warning message about previewing sidebar edits */ .page-MediaWiki_Sidebar .wikiEditor-ui-bottom:has(.ext-WikiEditor-twopanes-TwoPaneLayout)::before { content:"Warning: Sidebar previews are not accurate. Please save to see your changes!"; background:var(--wiki-alert-color); display:block; text-align:center; color:var(--wiki-alert-label-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .ext-WikiEditor-realtimepreview-ErrorLayout { background-color: var(--wiki-content-background-color); } .ext-WikiEditor-image-realtimepreview-error { filter: var(--wiki-icon-general-filter); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor { --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); } .ace_gutter-cell { color: color-mix(in srgb, var(--wiki-content-dynamic-color) 40%, transparent); } .ace_editor .ace_print-margin { width: 1px; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image: linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 93%, transparent); color: color-mix(in srgb, var(--wiki-content-dynamic-color) 93%, transparent); } .ace_editor .ace_cursor, .ace-monokai .ace_punctuation, .ace-monokai .ace_punctuation.ace_tag { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line, .ace_editor .ace_gutter-active-line { background: color-mix(in srgb, var(--wiki-content-dynamic-color) 3.1%, transparent) } .ace-tm .ace_marker-layer .ace_selected-word { background: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ace_editor .ace_marker-layer .ace_selection { background: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_editor .ace_invisible { color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); border-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color: color-mix(in srgb, var(--wiki-content-dynamic-color) 30%, transparent); } .ace_editor .ace_xml-pe { color: color-mix(in srgb, var(--wiki-content-dynamic-color) 28%, transparent); } .ace_editor .ace_indent-guide { background: none; box-shadow: 1px 0 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: color-mix(in srgb, var(--wiki-content-background-color) 50%, transparent); color: var(--wiki-content-text-color); } .view-dark .ext-codemirror-wrapper, .ext-codemirror-wrapper { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .ext-codemirror-wrapper { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .ext-codemirror-wrapper { background-color: color-mix(in srgb, var(--wiki-content-background-color) 35%, transparent); color: var(--wiki-content-text-color) } .cm-editor .cm-selectionBackground, .cm-editor.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground { background: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); } .cm-mw-keyword { color: var(--codemirror-purple) } .cm-mw-def { color: var(--codemirror-blue) } .cm-mw-variable-2 { color: var(--codemirror-light-blue) } .cm-mw-string { color: var(--codemirror-red) } .cm-mw-atom { color: var(--codemirror-pink) } .cm-mw-number { color: var(--codemirror-green) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } .cm-editor .cm-tooltip-autocomplete ul li[aria-selected] { background: color-mix(in srgb, var(--wiki-content-link-color) 15%, var(--wiki-content-background-color)); color: var(--wiki-content-link-color); } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; display: flex; /* fix overflow issue at narrow widths */ } .ve-ui-toolbar > .oo-ui-toolbar-bar{ width: 100%; /* fix overflow issue at narrow widths */ } .ve-ui-toolbar.ve-ui-toolbar-floating > .oo-ui-toolbar-bar{ width: auto; /* fix overflow issue at narrow widths */ } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var(--wikigg-header-scroll-height); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /* fix a lot of empty space from TemplateData when using VE Source */ .tdg-editscreen-main.mw-body-content::after { display: none; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color: var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__tab[aria-selected="true"] { box-shadow: 0 -2px 0 var(--wiki-content-link-color) inset; } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color: var(--wiki-accent-color) } :focus-visible { outline-style: solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color: var(--wiki-content-border-color); } hr { background-color: var(--wiki-content-border-color); } .CategoryTreeToggle { color: var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color: var(--wiki-content-border-color); } /* category bar and filetoc */ .catlinks{ background: var(--wiki-content-catlinks-background, var(--wiki-content-background-color--secondary)); border-width: var(--wiki-content-catlinks-border-width, 1px); border-style: var(--wiki-content-catlinks-border-style, solid); border-color: var(--wiki-content-catlinks-border-color, var(--wiki-content-border-color)); border-radius: var(--wiki-content-catlinks-border-radius, 0px); border-image: var(--wiki-content-catlinks-border-image, none); box-shadow: var(--wiki-content-catlinks-box-shadow, none); } ul#filetoc { background: var(--wiki-content-filetoc-background, var(--wiki-content-background-color--secondary)); border-width: var(--wiki-content-filetoc-border-width, 1px); border-style: var(--wiki-content-filetoc-border-style, solid); border-color: var(--wiki-content-filetoc-border-color, var(--wiki-content-border-color)); border-radius: var(--wiki-content-filetoc-border-radius, 0px); border-image: var(--wiki-content-filetoc-border-image, none); box-shadow: var(--wiki-content-filetoc-box-shadow, none); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } .ui-state-focus { /* we need an important here because the built-in styles have one */ background: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color) !important; } .ui-menu .ui-menu-item a { color: var(--wiki-content-dynamic-color); } #contentSub, #contentSub2 { color: var(--wiki-content-text-mix-color); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); top: var(--wikigg-header-scroll-height); } .mw-notification .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter: unset; } /**/ .mime-type.has-warning { color: var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter: drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter: brightness(0) var(--wiki-icon-to-link-filter); filter: var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover > td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: color-mix(in srgb, var(--wiki-accent-color) 80%, transparent); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: color-mix(in srgb, var(--wiki-accent-color) 60%, transparent); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable > * > tr > th, .mw-datatable > tr > th, .mw-json > * > tr > th, .mw-json > tr > th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable > * > tr > td, .mw-datatable > tr > td, .mw-json > * > tr > td, .mw-json > tr > td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: color-mix(in srgb, var(--wiki-success-color) 60%, transparent); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .mw-destfile-warning { border-color: var(--wiki-warning-color); color: var(--wiki-content-text-color); background-color: color-mix(in srgb, var(--wiki-warning-color) 25%, transparent); } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 25%, transparent); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color: var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color: var(--wiki-accent-label-color); text-decoration: underline; } table.cargoTable th.headerSort::after { background-color: var(--wiki-accent-link-color); } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: var(--wiki-content-text-color); } table.dataTable tbody tr { background-color: var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 75%, transparent); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: color-mix(in srgb, var(--wiki-content-background-color) 75%, transparent); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom, var(--wiki-content-background-color) 0%, var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); } .action-pagevalues tr:hover { background-image: linear-gradient(color-mix(in srgb, var(--wiki-accent-color) 20%, transparent), color-mix(in srgb, var(--wiki-accent-color) 20%, transparent)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color: var(--wiki-content-border-color); } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image: none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content: ''; pointer-events: none; filter: var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); border-color: color-mix(in srgb, var(--wiki-accent-color) 75%, transparent); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus + span { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent) } .oo-ui-image-invert.oo-ui-icon-check { background: none; position: relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content: ''; pointer-events: none; filter: var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button > .oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color: var(--wiki-accent-color); } 100% { border-top-color: var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: color-mix(in srgb, var(--wiki-content-text-color) 10%, transparent); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter: unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline: none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline: 1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-content-text-mix-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color: var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color: color-mix(in srgb, var(--wiki-content-text-color) 25%, transparent); text-shadow: none; border-color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color: var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color: var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus { border-color: var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before { border-color: var(--wiki-accent-label-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-text-mix-color-95); } .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip { border-color: var(--wiki-content-dynamic-color--inverted); box-shadow: inset 0 0 0 1px var(--wiki-content-dynamic-color--inverted); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color: var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget { border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-content-heading-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-processDialog-errors { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 90%, transparent); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .oo-ui-popupToolGroup-tools { max-width: 100%; } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color: var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition: none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color: var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color: var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active { background-color: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent); } .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus { box-shadow: inset 0 0 0 2px var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus, .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus { outline: 1px solid var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color: var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow: 0 1px 1px 0 color-mix(in srgb, var(--wiki-content-dynamic-color) 10%, transparent); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless > button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color), inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover), inset 0 0 0 2px var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: color-mix(in srgb, var(--wiki-content-link-color) 8%, transparent); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); border-color: color-mix(in srgb, var(--wiki-content-link-color) 90%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button { border-color: var(--wiki-accent-color--hover); box-shadow: inset 0 0 0 1px var(--wiki-accent-color--hover), inset 0 0 0 2px var(--wiki-accent-label-color); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); color: var(--wiki-content-dynamic-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal > .oo-ui-dialog { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 50%, transparent); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-mix-color-95); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color); box-shadow: inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-alert-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .mw-templatedata-doc-muted { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-calendarWidget:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-dateInputWidget-calendar:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color), 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, transparent); color: var(--wiki-accent-label-color); } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: color-mix(in srgb, var(--wiki-content-text-color) 55%, transparent); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color: color-mix(in srgb, var(--wiki-warning-color) 16%, transparent); } .mw-spinner-container > div::after { background-color: var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color: var(--wiki-content-text-mix-color); } div.mw-highlight, .skin-theme-clientpref-night div.mw-highlight { background-color: var(--wiki-content-dynamic-color--inverted); margin: 0.5em 0; } .mw-highlight pre { background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); margin: 0; } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var(--wikigg-header-scroll-height); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { font-size: inherit; /* override UA style */ background-color: var(--wiki-navigation-search-background-color, var(--wiki-content-background-color--secondary)); background-image: var(--wiki-navigation-search-background-image, none); background-position: var(--wiki-navigation-search-background-position, 0); background-size: var(--wiki-navigation-search-background-size, auto); background-repeat: var(--wiki-navigation-search-background-repeat, repeat); border: var(--wiki-navigation-search-border-width, 1px) var(--wiki-navigation-search-border-style, solid) var(--wiki-navigation-search-border-color, var(--wiki-content-border-color)); border-radius: var(--wiki-navigation-search-border-radius, 2px); color: var(--wiki-navigation-search-text-color, var(--wiki-content-text-color)); backdrop-filter: var(--wiki-navigation-search-backdrop-filter, none); box-shadow: var(--wiki-navigation-search-box-shadow, none); border-image: var(--wiki-navigation-search-border-image, none); } #searchInput:focus, #searchform:hover #searchInput, #searchform:hover #searchInput:focus { border-color: var(--wiki-navigation-search-border-color--hover, var(--wiki-accent-color)); box-shadow: var(--wiki-navigation-search-box-shadow--hover, var(--wiki-navigation-search-box-shadow, none)); border-image: var(--wiki-navigation-search-border-image--hover, var(--wiki-navigation-search-border-image, none)); } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color: var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special .special-query { color: var(--wiki-content-text-color); } .suggestions-special.suggestions-result-current .special-label, .suggestions-special.suggestions-result-current .special-query { color: var(--wiki-accent-label-color); } /* search page */ fieldset#mw-searchoptions { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 50%, transparent); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /**/ /* Login/register page */ .mw-number-text { color: var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color: var(--wiki-content-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position: relative; background: none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position: absolute; width: 95px; height: 100%; left: 0; top: 0; content: ''; filter: brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, transparent 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color: var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display: inline-block; width: 8px; height: 100%; content: ''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color: color-mix(in srgb, var(--wiki-content-text-color) 76%, transparent); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color: color-mix(in srgb, var(--wiki-content-text-color) 82%, transparent); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color: var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color: var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color: var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } to { background-color: var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter: var(--wiki-icon-general-filter) } /**/ /* codex fixes */ .cdx-checkbox__icon { background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent); } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color: var(--wiki-accent-color--hover); } .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color: transparent; } .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread { background-color: var(--wiki-content-text-mix-color-95); } /**/ /************************* * End Vector theme fixes * **************************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow: none; } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px color-mix(in srgb, var(--wiki-content-dynamic-color) 15%, transparent); } .ve-init-mw-progressBarWidget-bar { background-color: var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { top: var(--wikigg-header-scroll-height, 0); background: var(--wiki-content-background-color); } div.ve-ce-branchNode { border-color: var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 75%, transparent); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow: inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 78%, transparent); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow: 0 0 0 1px color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); background-color: color-mix(in srgb, var(--wiki-content-link-color) 10%, transparent); } .ve-ui-mwInternalLinkContextItem-withImage > .oo-ui-iconElement.oo-ui-iconElement-icon { background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); border-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon.mw-widget-titleOptionWidget-hasImage { filter: unset; } .mw-widget-titleWidget-menu-withImages .mw-widget-titleOptionWidget.oo-ui-iconElement > .oo-ui-iconElement-icon:not(.mw-widget-titleOptionWidget-hasImage) { background-color: color-mix(in srgb, var(--wiki-content-text-mix-color-95) 90%, var(--wiki-content-dynamic-color)); filter: unset; } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .ve-ce-languageAnnotation { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 20%, transparent); border-color: var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .mw-widget-mediaResultWidget .mw-widget-mediaResultWidget-nameLabel { color: #fff; } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: color-mix(in srgb, var(--wiki-content-dynamic-color--secondary) 5%, transparent); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-doc-required, .ve-ui-mwParameterPage-doc-deprecated, .ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example { color: var(--wiki-content-text-mix-color); } .ve-ui-expandableContent-fade { background: linear-gradient(to right, transparent 0, var(--wiki-content-background-color) 90%); } .ve-ui-expandableContent-toggle { background-color: var(--wiki-content-background-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpListToolGroup-tools-footer { border-color: var(--wiki-content-border-color); } .ve-ui-mwHelpListToolGroup-version-link, .ve-ui-mwHelpListToolGroup-version-date, .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } .ve-ui-debugBar { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-commands-divider { border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump > table { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-dump td { background-color: var(--wiki-content-background-color); } .ve-ui-debugBar-dump th { color: color-mix(in srgb, var(--wiki-content-text-color) 80%, transparent); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump ol { color: color-mix(in srgb, var(--wiki-content-text-color) 60%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char, .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-dynamic-color); text-shadow: 0 1px 1px var(--wiki-content-dynamic-color--inverted); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-element { background-color: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-char { background-color: color-mix(in srgb, var(--wiki-success-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-achar { background-color: color-mix(in srgb, var(--wiki-warning-color) 20%, transparent); } .ve-ui-debugBar-dump li .ve-ui-debugBar-dump-note { color: var(--wiki-content-text-mix-color); } .ve-ui-debugBar-filibuster { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-debugBar-transactions > ol > li { border-color: var(--wiki-content-border-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color: color-mix(in srgb, var(--wiki-alert-color) 20%, transparent); } /****************** * End AbuseFilter * *******************/ /************************************ * Theme-based Special:MultiPageEdit * *************************************/ :root { --jexcel-border-color: var(--wiki-content-border-color); /* this is defined by the extension but does not seem to be used anywhere. We override it just in case *shrug* */ } .jexcel, .jexcel_container.fullscreen .jexcel_content { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); border-right-color: var(--wiki-content-border-color); } table.jexcel > tbody > tr > td:first-child, table.jexcel > thead, table.jexcel > thead > tr > td, table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: var(--wiki-content-background-color--secondary); } table.jexcel > tbody > tr.selected > td:first-child, table.jexcel > thead > tr > td.selected { background-color: color-mix(in srgb, var(--wiki-accent-color) 10%, transparent); } table.jexcel > thead > tr > td { border-bottom-color: var(--wiki-content-border-color); } .jexcel > thead > tr > td.arrow-up, .jexcel > thead > tr > td.arrow-down { background: none; } .jexcel > thead > tr > td.arrow-up::after, .jexcel > thead > tr > td.arrow-down::after { display: inline-block; position: absolute; right: 0; top: 0; background-repeat: no-repeat; background-position: center right 5px; width: 22px; height: 100%; content: ''; filter: brightness(50%) var(--wiki-icon-general-filter); } .jexcel > thead > tr > td.arrow-up::after { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr > td.arrow-down::after { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); } .jexcel > thead > tr:nth-child(2) > td { z-index: 1; /* prevents overlapping the headings after scrolling on tall tables */ } .jexcel > tbody > tr > td { border-top-color: var(--wiki-content-text-mix-color-95); border-bottom-color: var(--wiki-content-text-mix-color-95); } .jexcel > tbody > tr > td.readonly { color: var(--wiki-content-text-mix-color); } .jexcel_content { scrollbar-color: var(--wiki-content-text-mix-color) transparent; /* we need this important to override inline styling */ box-shadow: var(--wiki-content-dynamic-color--secondary--inverted) 2px 2px 5px 0.1px !important; } .jexcel .highlight { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 5%, transparent); } .jexcel .highlight-top { border-top-color: var(--wiki-content-text-mix-color); box-shadow: 0px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-left { border-left-color: var(--wiki-content-text-mix-color); box-shadow: -1px 0px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-top.highlight-left { box-shadow: -1px -1px var(--wiki-content-dynamic-color--secondary--inverted); } .jexcel .highlight-right { border-right-color: var(--wiki-content-text-mix-color); } .jexcel .highlight-bottom { border-bottom-color: var(--wiki-content-text-mix-color); } .jexcel .jexcel_column_filter { background: none; } .jexcel .jexcel_column_filter::after { display: inline-block; position: absolute; right: 0; top: 0; background-repeat: no-repeat; background-position: top 50% right 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); width: 20px; height: 100%; content: ''; filter: brightness(50%) var(--wiki-icon-general-filter); } .jexcel_pagination > div > div { background-color: var(--wiki-accent-color); /* we need this important to override a built-in one */ color: var(--wiki-accent-label-color) !important; } .jexcel_page_selected { background: linear-gradient(to bottom, var(--wiki-accent-color) 0%, var(--wiki-accent-color--hover) 100%); /* we need this important to override a built-in one */ border: 1px solid var(--wiki-content-border-color) !important; } /**************************** * End Special:MultiPageEdit * *****************************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #msupload-select { filter: brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .drop-over { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color) !important; } #msupload-bottom { border-color: var(--wiki-content-border-color); } #msupload-bottom #msupload-files { padding-left: 0; background: none; } #msupload-bottom #msupload-files::before { display: inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position: left center; height: 22px; width: 25px; content: ''; vertical-align: top; filter: var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color: var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box, .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color: var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment-author-anonymous { color: color-mix(in srgb, var(--wiki-content-text-color) 95%, transparent); } .cs-comment { border: 1px solid var(--wiki-content-border-color); } .cs-comment-body { padding: 0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color: var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color: var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td { background-color: color-mix(in srgb, var(--wiki-warning-color) 10%, transparent); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color: color-mix(in srgb, var(--wiki-warning-color) 40%, transparent); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color: var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /*************************** * Theme-based SearchDigest * ****************************/ .searchdigest-stats-table { border-color: var(--wiki-content-border-color); border-collapse: collapse; } .searchdigest-stats-table thead th, .searchdigest-stats-table tr:not(:last-child) th, .searchdigest-stats-table tr:not(:last-child) td { border-bottom-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead th:last-child, .searchdigest-stats-table td { border-left-color: var(--wiki-content-border-color); } .searchdigest-stats-table thead tr { background: var(--wiki-content-background-color--secondary); } /******************* * End SearchDigest * ********************/ /**************************** * Extension:RelatedArticles * *****************************/ .client-js .read-more-container { min-height: unset; } @media (min-width: 1000px) { .client-js .read-more-container { min-height: calc( 80px/*card height*/ + 10px/*card margin*/ + 1em/*container padding*/ + 0.3em/*card-list margin*/ + 0.8em/*h2 font-size*/ + 1em/*h2 padding*/ + 0.6em/*h2 margin*/ + 1px /*container border*/ ); } } .ext-related-articles-card-list .ext-related-articles-card { background-color: var(--wiki-content-background-color); } .ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card + .ext-related-articles-card { /* your guess is as good as mine for why they did this */ border-color: color-mix(in srgb, var(--wiki-content-border-color) 20%, transparent); } .ext-related-articles-card-list .ext-related-articles-card-thumb { background-color: var(--wiki-content-background-color--secondary); } .ra-read-more h2 { color: var(--wiki-body-dynamic-color--secondary); } .ext-related-articles-card-list h3 a { color: var(--wiki-content-heading-color); } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right, transparent, var(--wiki-content-background-color) 50%); } .ext-related-articles-card-list .ext-related-articles-card-extract { color: color-mix(in srgb, var(--wiki-content-text-color) 50%, transparent); } /* removed background image and use a mask image instead */ .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder { position: relative; background-image: none; } .ext-related-articles-card-list .ext-related-articles-card-thumb-placeholder::after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; --mask-image: url("/extensions/RelatedArticles/resources/ext.relatedArticles.readMore/article.svg?3c572"); --mask-size: 40px; --mask-repeat: no-repeat; --mask-position: center; -webkit-mask: var(--mask-image); mask: var(--mask-image); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-repeat: var(--mask-repeat); mask-repeat: var(--mask-repeat); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: color-mix(in srgb, var(--wiki-content-text-color) 75%, transparent); } /**/ /* this simulates mw-footer having a top border */ .read-more-container { border-bottom: var(--wiki-content-border-width, 1px) solid var(--wiki-content-border-color); } @media screen and (min-width: 720px) { .read-more-container { margin-right: 1em; } } /******************************** * End Extension:RelatedArticles * *********************************/ /******************* * Extension:Popups * ********************/ .mwe-popups { box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px 1px color-mix(in srgb, var(--wiki-content-border-color) 5%, transparent); } .mwe-popups, .mwe-popups .mwe-popups-container { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract { color: var(--wiki-content-text-color); } .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: linear-gradient(to right, transparent, var(--wiki-content-background-color) 50%); } .mwe-popups.flipped-y::before, .mwe-popups.flipped-x-y::before, .mwe-popups.mwe-popups-image-pointer::before, .mwe-popups.mwe-popups-image-pointer.flipped-x::before, .mwe-popups.mwe-popups-no-image-pointer::before, .mwe-popups.flipped-x.mwe-popups-is-tall::before, .mwe-popups.flipped-x-y.mwe-popups-is-tall::before { border-color: var(--wiki-content-border-color); } .mwe-popups.flipped-y::after, .mwe-popups.flipped-x-y::after, .mwe-popups.mwe-popups-image-pointer::after, .mwe-popups.mwe-popups-image-pointer.flipped-x::after, .mwe-popups.mwe-popups-no-image-pointer::after, .mwe-popups.flipped-x-y.mwe-popups-is-tall::after { border-color: var(--wiki-content-background-color); } .popups-icon { position: relative; background-position: center; background-repeat: no-repeat; background-size: calc(max(1.4285714em, 20px)); min-width: 20px; min-height: 20px; width: 1.4285714em; height: 1.4285714em; display: inline-block; vertical-align: text-bottom; } .popups-icon--preview-generic, .popups-icon--settings, .popups-icon--infoFilled, .popups-icon--infoFilled:lang(ar), .popups-icon--close, .popups-icon--reference-generic, .popups-icon--reference-book, .popups-icon--preview-disambiguation { background-image: none; } .popups-icon::after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; -webkit-mask-image: var(--mask-image, none); mask-image: var(--mask-image, none); -webkit-mask-repeat: var(--mask-repeat, no-repeat); mask-repeat: var(--mask-repeat, no-repeat); -webkit-mask-size: var(--mask-size, calc(max(1.4285714em, 20px))); mask-size: var(--mask-size, calc(max(1.4285714em, 20px))); -webkit-mask-position: var(--mask-position, center); mask-position: var(--mask-position, center); background-color: var(--mask-color, currentColor); background-color: var(--mask-color, currentColor); } .popups-icon--preview-generic::after { --mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Ctitle%3E sad face %3C/title%3E %3Cpath d=%22M2 0a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm4 4c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 6 4zm8 0c1.336 0 2.007 1.617 1.06 2.56-.943.947-2.56.276-2.56-1.06A1.5 1.5 0 0 1 14 4zm-4 5c2.61 0 4.83.67 5.65 3H4.35C5.17 9.67 7.39 9 10 9z%22/%3E %3C/svg%3E"); } .popups-icon--settings::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><g transform=\"translate(10 10)\"><path id=\"cdx-icon-settings-a\" d=\"M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(45)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(90)\"/><use xlink:href=\"%23cdx-icon-settings-a\" transform=\"rotate(135)\"/></g><path d=\"M10 2.5a7.5 7.5 0 000 15 7.5 7.5 0 000-15v4a3.5 3.5 0 010 7 3.5 3.5 0 010-7\"/></svg>"); } .popups-icon--infoFilled::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z\"/></svg>"); } .popups-icon--infoFilled:lang(ar)::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7z\"/></svg>"); } .popups-icon--close::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z\"/><path d=\"M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z\"/></svg>"); } .popups-icon--reference-generic::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"m15 10-2.78-2.78L9.44 10V1H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2z\"/></svg>"); } .popups-icon--reference-book::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M15 2a7.65 7.65 0 00-5 2 7.65 7.65 0 00-5-2H1v15h4a7.65 7.65 0 015 2 7.65 7.65 0 015-2h4V2zm2.5 13.5H14a4.38 4.38 0 00-3 1V5s1-1.5 4-1.5h2.5z\"/><path d=\"M9 3.5h2v1H9z\"/></svg>"); } .popups-icon--reference-journal::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 18.5A1.5 1.5 0 003.5 20H5V0H3.5A1.5 1.5 0 002 1.5zM6 0v20h10a2 2 0 002-2V2a2 2 0 00-2-2zm7 8H8V7h5zm3-2H8V5h8z\"/></svg>"); } .popups-icon--reference-news::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M5 2a2 2 0 00-2 2v12a1 1 0 01-1-1V5h-.5A1.5 1.5 0 000 6.5v10A1.5 1.5 0 001.5 18H18a2 2 0 002-2V4a2 2 0 00-2-2zm1 2h11v4H6zm0 6h6v1H6zm0 2h6v1H6zm0 2h6v1H6zm7-4h4v5h-4z\"/></svg>"); } .popups-icon--reference-web::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M2 2a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V4a2 2 0 00-2-2zm2 1.5A1.5 1.5 0 112.5 5 1.5 1.5 0 014 3.5zM18 16H2V8h16z\"/></svg>"); } .popups-icon--preview-disambiguation::after { --mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"%23202122\"><path d=\"M7 0a2 2 0 00-2 2h9a2 2 0 012 2v12a2 2 0 002-2V2a2 2 0 00-2-2z\"/><path d=\"M13 20a2 2 0 002-2V5a2 2 0 00-2-2H4a2 2 0 00-2 2v13a2 2 0 002 2zM9 5h4v5H9zM4 5h4v1H4zm0 2h4v1H4zm0 2h4v1H4zm0 2h9v1H4zm0 2h9v1H4zm0 2h9v1H4z\"/></svg>"); } /*********************** * End Extension:Popups * ************************/ /************************* * Extension:CiteThisPage * **************************/ .mw-specialCiteThisPage-bibliographic { background-color:var(--wiki-content-background-color--secondary); } /***************************** * End Extension:CiteThisPage * ******************************/ /************************* * Extension:ImageMap * **************************/ .noresize img { /* Why does the ImageMap container have no special class name? */ display: block; /* fix the scrollbar issue */ } /***************************** * End Extension:ImageMap * ******************************/ /********************* * Mobile adjustments * **********************/ /* Responsive Special:UserRights */ #mw-userrights-table-outer input#wpReason { width: 100%; max-width: 33.5em; } @media screen and (max-width: 720px) { html:root { /* make it won't be override by user's common.css */ --wiki-is-top-logo: 1; --wiki-left-spacing: 0px; --wiki-right-spacing: 0px; --wiki-navigation-left-spacing: 3px; --wiki-navigation-right-spacing: 3px; --wiki-content-border-radius: 0px; --wiki-content-border-top-radius: 0px; --wiki-footer-border-radius: 0px; --wiki-content-padding: 0.5rem; --wiki-navigation-height: calc(2rem + var(--wiki-is-navigation-inside-content, 0)*0.5em); --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding: 0px; --wiki-navigation-tab-height: 2rem; --wiki-navigation-search-height: 2.15rem; --wiki-navigation-search-margin: 0.5rem; --wiki-navigation-right-spacing: var(--wiki-navigation-left-spacing, 0px); --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-navigation-tab-full-height: calc(var(--wiki-navigation-tab-height) + max(var(--wiki-navigation-selected-border-width), var(--wiki-navigation-border-width)) + var(--wiki-content-border-width, 1px)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-tab-height) - var(--wiki-head-icon-padding) * 2); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-navigation-height, 3em) + var(--wikigg-header-height) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); --wiki-sidebar-portal-spacing: 0px; --wiki-top-spacing: var(--wiki-logo-margin); } #mw-head-base { width: auto; margin-left: auto; margin-right: auto; } #p-logo { max-width: 100vw; top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin, 15px))); left: calc(max(0px, (100% - var(--wiki-logo-file-width) / var(--wiki-logo-file-height) * var(--wiki-logo-height)) / 2)); } #p-logo a { top: var(--wiki-logo-offset-y--mobile, 0); left: var(--wiki-logo-offset-x--mobile, 0); } #mw-head { position: absolute; left: 0; width: 100%; margin: unset; top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin)) + var(--wiki-logo-height) + var(--wiki-logo-margin)); border-radius: 0; } #left-navigation::before { /* for left spacing */ border-bottom-width: var(--navigation-border-bottom-width); } #right-navigation::after { display: block; /* for right spacing */ } #p-cactions, #p-variants { margin-right: 0px; } #p-cactions::after, #p-variants::after { width: 0; } #p-search { position: absolute; left: 50%; transform: translateX(-50%); top: calc(var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width)); margin: 0; padding: 0; } #mw-head::before, #mw-head::after, #p-search::before, #p-search::after { display: none; } #simpleSearch { width:calc(100vw - 2 * (var(--wiki-content-padding))); max-width: unset; /* override vector default of 20em */ } .vector-search-box-input { height: var(--wiki-navigation-search-height); } .vector-search-box form { margin: var(--wiki-navigation-search-margin) 0px; } #mw-head, .mw-body, .parsoid-body, .mw-body::after, .parsoid-body::after, .mw-footer { border-left-width: 0; border-right-width: 0; border-radius: 0; } .mw-body, .parsoid-body { margin-top: 0; padding-top: calc(var(--navigation-border-bottom-width) + var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } .mw-body::after, .parsoid-body::after { left: 0; right: 0; } #mw-data-after-content { margin-left: 0; } #mw-panel { position: unset; width: 100%; margin: 0px auto; padding: 0; top: 0; background-position: bottom right, top center; background-size: 100% 0.5em, 100% 100%; float: unset; } /* border-radius fix */ #mw-panel #p-ext-discordwidget + .vector-menu-portal { border-radius: calc(min(var(--wiki-sidebar-border-radius), var(--wiki-sidebar-portal-spacing) * 999)); } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing: border-box; border-left-width: 0; border-right-width: 0; background-color: var(--wiki-sidebar-background-color); } .vector-menu-portal .vector-menu-content { margin-top: 0; margin-bottom: 0; display: block !important; /* show all menus on mobile even if they are collapsed by collapsibleSidebarSections gadget */ } table.wikitable, table.responsive-table { display: block; overflow-x: auto; border: 0; } .mw-installed-software { word-break: unset; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width: 100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: calc(var(--wikigg-header-height) + var(--wiki-top-spacing, var(--wiki-logo-margin, 15px)) + var(--wiki-logo-height) + var(--wiki-logo-margin, 15px) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width) + var(--wiki-navigation-search-margin)); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; cursor: pointer; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-navigation-background-color); } #mw-panel #p-ext-discordwidget { background-color: var(--wiki-sidebar-background-color); padding: 0.5rem 0.25rem 0.25rem 0.5rem; border: var(--wiki-sidebar-border-width, 1px) var(--wiki-sidebar-border-style, solid) var(--wiki-sidebar-border-color); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; border-image: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: var(--wiki-sidebar-border-width, 1px); border-right-width: var(--wiki-sidebar-border-width, 1px); margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc(-1 * (var(--wiki-logo-height) + var(--wiki-logo-margin, 15px) + var(--wiki-content-border-width, 1px) * var(--wiki-is-navigation-inside-content, 0) + var(--wiki-navigation-height, 3em) + var(--navigation-border-bottom-width) + var(--wiki-navigation-search-margin))); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height: var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-text-color--hover, var(--wiki-content-link-color--hover)); /* fallback for backwards compatibility */ } #mw-head .vector-menu-tabs .mw-list-item.selected a::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: var(--icon-star-empty); } #ca-unwatch { --icon: var(--icon-star-filled); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image: none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left: 0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size: 0.9em; } .mw-userlink { overflow-wrap: anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /******************************************************/ /* */ /* [END] OF WIKI.GG DEFAULT LOADOUT */ /* ALL LOCAL SKIN CUSTOMIZATIONS SHOULD GO BELOW HERE */ /* DO NOT EDIT OR DELETE THIS COMMENT BLOCK */ /* */ /******************************************************/ 8c82c25453a5464698870711a0366df00c4217e1 8 234 258 2025-07-23T00:09:07Z ARTIFICER 564804 Importing default loadout css text/css /* CSS placed here will be applied to all skins */ /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(filepath://Site-background.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 30f551cb53682d400b3e1a5e0f9a41a93c1b5d7c 8 235 259 2025-07-23T00:09:07Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki * light[bundled|kind=light] * dark[bundled|kind=dark] 05cdfdf87ea42919cc6ea267d3972cc06847ed60 8 236 260 2025-07-23T00:09:08Z ARTIFICER 564804 Importing default loadout javascript text/javascript $.when( mw.loader.using( [ 'mediawiki.api', 'mediawiki.jqueryMsg' ] ), $.ready ) .then( () => new mw.Api().loadMessagesIfMissing( [ 'cargo-purgecache', 'cargo-purgecache-failed', 'action-purge'] ) ) .then(function(){ if ( document.getElementById( 'ca-cargo-purge' )){ return; } // disable if Cargo has already added a purge button if ( mw.config.get( 'wgNamespaceNumber' ) === -1 ) { return; } // disable on special pages var url = new URL(window.location.href); url.searchParams.set('action', 'purge'); var button = mw.util.addPortletLink('p-cactions', url.href, mw.msg('cargo-purgecache'), 'ca-gadget-purgecache', mw.msg('action-purge'), '1'); button.addEventListener('click', (function(event) { event.preventDefault(); var api = new mw.Api(); api.post({ action: 'purge', titles: mw.config.get('wgPageName'), forcerecursivelinkupdate: true }).then(function() { window.location.reload(true); }).fail(function(code) { mw.notify(mw.msg('cargo-purgecache-failed')+" "+code); }); })); }); 201bef72d982b7d9afef64e56b91b7624aeeb79e 8 237 261 2025-07-23T00:09:08Z ARTIFICER 564804 Importing default loadout javascript text/javascript // User profile // <nowiki> mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() { var config = mw.config.get( [ 'wgRelevantUserName', 'wgNamespaceNumber', 'wgUserLanguage', 'wgArticleId', 'wgAction', 'wgTitle' ] ); var username = config.wgRelevantUserName; if ( !username || window.loadedHorseUserProfile ) return; window.loadedHorseUserProfile = true; if ( config.wgNamespaceNumber !== -1 && config.wgTitle.includes('/') ) return; var lang = mw.language.bcp47(config.wgUserLanguage); var dateOptions = { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", timeZone: "UTC", timeZoneName: "short" }; var api = new mw.Api(); if ( mw.util.isIPAddress(username) ) api.get( { action: 'query', list: ['usercontribs', 'blocks'], ucuser: username, ucprop: [], uclimit: 'max', bkip: username, bkprop: ['user', 'by', 'timestamp', 'expiry', 'flags', 'reason', 'restrictions'], bklimit: 1, formatversion: 2 } ).done( function(data) { var editcount = data.query.usercontribs.length; if ( data.continue && data.continue.uccontinue ) editcount = data.limits.usercontribs+'+'; var user = { groups: ['*'], editcount: editcount }; formatProfile(user, data.query.blocks[0]); } ); else api.get( { action: 'query', list: ['users', 'blocks'], ususers: username, usprop: ['groups', 'editcount', 'registration', 'emailable'], bkusers: username, bkprop: ['user', 'by', 'timestamp', 'expiry', 'flags', 'reason', 'restrictions'], bklimit: 1, formatversion: 2 } ).done( function(data) { formatProfile(data.query.users[0], data.query.blocks[0]); } ); if ( window.loadedHorseUserProfileContribs ) return; window.loadedHorseUserProfileContribs = true; if ( config.wgNamespaceNumber === 2 && !config.wgArticleId && config.wgAction === 'view' ) { mw.loader.using( [ 'mediawiki.pager.styles', 'mediawiki.special.changeslist' ] ).then( function() { var text = '== [[Special:Contributions/' + username + '|{{int:contributions-title|' + username + '}}]] ==\n{{Special:Contributions/' + username + '|limit=20}}'; new mw.Api().parse( text, { title: 'User:' + config.wgTitle, wrapoutputclass: 'horse-userprofile-contribs', disableeditsection: true, disablelimitreport: true, uselang: config.wgUserLanguage } ).done( function(parsedText) { mw.hook( 'wikipage.content' ).fire( $( parsedText ).appendTo('#mw-content-text') ); } ); } ); } function formatProfile(user, block) { user.groups.splice(user.groups.indexOf('*'), 1); var text = '<div class="horse-userprofile-info">'; if ( user.groups.length ) { var groupList = user.groups.map( function(group) { var grouppage = '{{MediaWiki:grouppage-'+group+'}}'; return [ '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}', '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}' ]; } ).reduce( function(prev, cur) { prev[0].push(cur[0]); prev[1].push(cur[1]); return prev; }, [[], []] ); text += '\n\n<span>{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}</span>\t<span>{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}</span>'; if (mw.config.get('wgUserGroups').some(item => ['advocate', 'staff'].includes(item))) { //return true if their usergroups contain advocate or staff text += '<br/>([[Special:UserRights/' + username + '|{{int:tool-link-userrights|' + username + '}}]])' } } text += '\n\n<span>{{int:prefs-edits}}</span>\t<span>[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]</span>'; if ( user.registration ) text += '\n\n<span>{{int:prefs-registration}}</span>\t<span>'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'</span>'; if ( user.userid && !user.emailable ) text += '\n\n<span>{{int:nowikiemailtext|'+username+'}}</span>'; text += '\n\n</div>'; if ( block && !$('.mw-warning-with-logexcerpt .mw-logevent-loglines > .mw-logline-block').length ) { var notice = 'sp-contributions-blocked-notice'; if ( mw.util.isIPAddress(block.user, true) ) notice += '-anon'; var logentry = 'logentry-block-block'; var partialBlock = []; if ( block.partial ) { notice += '-partial'; logentry = 'logentry-partialblock-block'; if ( block.restrictions.pages ) { var blockpages = block.restrictions.pages.map( function(page) { return '[['+page.title+']]'; } ); partialBlock.push('{{int:logentry-partialblock-block-page|'+blockpages.length+'|'+mw.language.listToText(blockpages)+'}}'); } if ( block.restrictions.namespaces ) { var blocknamespaces = block.restrictions.namespaces.map( function(namespace) { if ( !namespace ) return '[[Special:AllPages|{{int:blanknamespace}}]]'; return '[[Special:AllPages/{{ns:'+namespace+'}}:|{{ns:'+namespace+'}}]]'; } ); partialBlock.push('{{int:logentry-partialblock-block-ns|'+blocknamespaces.length+'|'+mw.language.listToText(blocknamespaces)+'}}'); } if ( block.restrictions.actions ) { var blockactions = block.restrictions.actions.map( function(action) { return '{{int:ipb-action-'+action+'}}'; } ); partialBlock.push('{{int:logentry-partialblock-block-action|'+blockactions.length+'|'+mw.language.listToText(blockactions)+'}}'); } if ( !partialBlock.length ) logentry = 'logentry-non-editing-block-block'; } var blockDate = new Date(block.timestamp); var blockexpiry = '{{int:infiniteblock}}'; if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(block.expiry) ) { var expiry = new Date(block.expiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' )); var duration = expiry - blockDate; var blockDuration = []; var factor = 1000; if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)]; factor *= 24; if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)]; if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))]; if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))]; factor *= 365; if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)]; if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))]; if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))]; if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))]; if ( blockDuration.length < 2 || blockDuration[1] > 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions)); else blockexpiry = '{{int:'+blockDuration.join('|')+'}}'; } var blockflags = ''; var blockflaglist = []; if ( block.anononly ) blockflaglist.push('{{int:block-log-flags-anononly}}'); if ( block.nocreate ) blockflaglist.push('{{int:block-log-flags-nocreate}}'); if ( !block.autoblock && !mw.util.isIPAddress(block.user, true) ) blockflaglist.push('{{int:block-log-flags-noautoblock}}'); if ( !block.allowusertalk ) blockflaglist.push('{{int:block-log-flags-nousertalk}}'); if ( block.noemail ) blockflaglist.push('{{int:block-log-flags-noemail}}'); if ( block.hidden ) blockflaglist.push('{{int:block-log-flags-hiddenname}}'); if ( blockflaglist.length ) blockflags = '{{int:parentheses|'+blockflaglist.join(mw.msg('comma-separator'))+'}}'; var blockreason = ' <span class="comment">{{int:parentheses|'+block.reason+'}}</span>'; if ( !block.reason ) blockreason = ''; text += '<div class="horse-userprofile-block cdx-message cdx-message--block cdx-message--warning mw-warning-with-logexcerpt"><span class="cdx-message__icon"></span><div class="cdx-message__content">\n{{int:'+notice+'|'+username+'}}\n'; text += '<ul class="mw-logevent-loglines"><li class="mw-logline-block">'+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:'+logentry+'|[[User:'+block.by+'|'+block.by+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.by+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.by+'|{{int:contribslink}}]]</span></span>|'+block.by; if ( mw.util.isIPAddress(block.user, true) ) text += '|[[Special:Contribs/'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span></span>'; else text += '|[[User:'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.user+'|{{int:contribslink}}]]</span></span>'; text += '|'+block.user+'|'+blockexpiry+'|'+blockflags+'|'+mw.language.listToText(partialBlock)+'}}'+blockreason+'</li></ul></div></div>'; } api.parse( '<div class="cdx-message__content">' + text + '</div>', { disablelimitreport: true, wrapoutputclass: 'horse-userprofile mw-message-box cdx-message mw-content-'+($('#mw-content-subtitle').attr('dir')||'ltr'), uselang: config.wgUserLanguage } ).done( function(parsedText) { parsedText = parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' ); mw.hook( 'wikipage.content' ).fire( $( parsedText ).appendTo('#contentSub') ); } ); } } ); // </nowiki> a86531394e21271ad91869b48f3634f341b1bd79 8 238 262 2025-07-23T00:09:09Z ARTIFICER 564804 Importing default loadout css text/css #contentSub > * + .horse-userprofile { margin-top: 1em; } .horse-userprofile { font-size: 120%; color: var(--wiki-content-text-color); border: 2px solid var(--wiki-content-border-color); padding: 6px 12px; } .horse-userprofile-info span:first-of-type { font-weight: bold; } 1729445bb17e2974426befaf9bd441ab4bf189c5 8 239 263 2025-07-23T00:09:09Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */ $.when( mw.loader.using( ['site', 'mediawiki.util', 'mediawiki.api', 'mediawiki.jqueryMsg'] ), $.ready ) .then( () => new mw.Api().loadMessagesIfMissing([ 'gadget-uploadMultipleFiles-multiupload', 'gadget-uploadMultipleFiles-yes', 'gadget-uploadMultipleFiles-no', 'gadget-uploadMultipleFiles-sourcefiles', 'gadget-uploadMultipleFiles-categoryname', 'gadget-uploadMultipleFiles-categorynamehint', 'gadget-uploadMultipleFiles-categorynamespace', 'gadget-uploadMultipleFiles-uploadfiles', 'gadget-uploadMultipleFiles-nofiles', 'gadget-uploadMultipleFiles-nolicense', 'gadget-uploadMultipleFiles-summary', 'gadget-uploadMultipleFiles-license', 'gadget-uploadMultipleFiles-categories', 'gadget-uploadMultipleFiles-uploading', 'gadget-uploadMultipleFiles-uploaded', 'gadget-uploadMultipleFiles-failed', 'gadget-uploadMultipleFiles-done', 'gadget-uploadMultipleFiles-ratelimited', ]) ) .then(function(){ if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload"){ return; } if (window.__wgg_UploadMultipleFiles_IsLoaded) { return; } window.__wgg_UploadMultipleFiles_IsLoaded = true; const getUploadDescription = function() { var sections = []; var summary = $("#wpUploadDescription").val(); var licenseDisplayName = $("#wpLicense option:selected").val(); var categoryName = $("#multiFileCategory").val(); if (summary !== ""){ sections.push(summary); } if (licenseDisplayName !== "") { var licenseTemplateText = $("#wpLicense option:selected").prop("title"); sections.push("== " + mw.msg("gadget-uploadMultipleFiles-license") + " ==\n" + licenseTemplateText); } if (categoryName !== "") sections.push("[[" + mw.msg("gadget-uploadMultipleFiles-categorynamespace") + ":" + categoryName + "]]"); return sections.join("\n\n"); }; const getWatchlistPreference = function() { if ($("#wpWatchthis").is(":checked")) { return "watch"; } else { return "nochange"; } }; $("#wpUploadFile").parent().parent().addClass("regularFileSelect"); $("tr.regularFileSelect").before( $("<tr></tr>").append( $('<td class="mw-label"></td>').msg("gadget-uploadMultipleFiles-multiupload"), $('<td class="mw-input"></td>').append( $("<label></label>").msg("gadget-uploadMultipleFiles-yes").prepend('<input type="radio" name="multipleFiles" value="yes" /> '), ' &nbsp; ', $("<label></label>").msg("gadget-uploadMultipleFiles-no" ).prepend('<input type="radio" name="multipleFiles" value="no" checked/> '), ) ) ).after( $('<tr class="multipleFileSelect" style="display:none;"></tr>').append( $('<td class="mw-label"></td>').msg("gadget-uploadMultipleFiles-sourcefiles"), $('<td class="mw-input"></td>').append('<input type="file" id="multiupload" multiple />') ) ); $("input[name='wpUpload']").addClass("regularFileSelect"); $("#wpDestFile").parent().parent().addClass("regularFileSelect"); $("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect"); // Append "category name" textbox to multiupload section $("#mw-upload-form #mw-htmlform-description tbody").append( $('<tr class="mw-htmlform-field-HTMLTextField multipleFileSelect" style="display:none;"></tr>').append( $('<td class="mw-label"></td>').append('<label for="multiFileCategory"><abbr title="' + mw.msg("gadget-uploadMultipleFiles-categorynamehint") + '">' + mw.msg("gadget-uploadMultipleFiles-categoryname") + '</abbr></label>'), $('<td class="mw-input"></td>').append('<input id="multiFileCategory" name="multiFileCategory" size="60">') ) ); $("input[name='wpUpload']").after('<input type="button" value="' + mw.msg("gadget-uploadMultipleFiles-uploadfiles") + '" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" />'); $("input[name='multipleFiles']").change(function() { if (this.value === 'yes') { $(".regularFileSelect").hide(); $(".multipleFileSelect").show(); } else { $(".regularFileSelect").show(); $(".multipleFileSelect").hide(); } }); $("#multiFileSubmit").click(function() { var files = $("#multiupload")[0].files; // Cancel upload if no files are selected if (files.length === 0) { alert(mw.msg("gadget-uploadMultipleFiles-nofiles")); return false; } // Cancel upload if no license is selected if ($("#wpLicense option:selected").val() === "" && !mw.config.get("UMFBypassLicenseCheck")) { alert(mw.msg("gadget-uploadMultipleFiles-nolicense")); return false; } // Description is summary + license + category var description = getUploadDescription(); var watch = getWatchlistPreference(); $("#firstHeading").msg("gadget-uploadMultipleFiles-uploading"); $("#mw-content-text").html("<h3>" + mw.msg("gadget-uploadMultipleFiles-uploaded") + "</h3><ul></ul><div style='display:none;' id='multiUploadFailed'><h3>" + mw.msg("gadget-uploadMultipleFiles-failed") + "</h3><ul></ul></div>"); var currentFileIdx = 0; var uploadCurrentFile; uploadCurrentFile = function() { if (currentFileIdx > files.length) { $("#mw-content-text").append($("<h3></h3>").msg("gadget-uploadMultipleFiles-done")); return; } if (files[currentFileIdx] === undefined) { currentFileIdx++; uploadCurrentFile(); return; } fd = new FormData(); fd.append("action", "upload"); fd.append("token", mw.user.tokens.get("csrfToken")); fd.append("filename", files[currentFileIdx].name); fd.append("file", files[currentFileIdx]); fd.append("text", description); fd.append("watchlist", watch); fd.append("ignorewarnings", 1); fd.append("format", "json"); const $output = $("#mw-content-text > ul"); const $failed = $("#multiUploadFailed"); const $failedOutput = $('#multiUploadFailed ul'); $.ajax({ url: mw.util.wikiScript("api"), method: "POST", data: fd, cache: false, contentType: false, processData: false, type: "POST" }).done(function(d) { if (d.error == undefined) { $output.append('<li><a href="' + d.upload.imageinfo.descriptionurl + '" target="_blank">' + d.upload.filename + '</a></li>'); } // specific catch for ratelimiting else if(d.error.code === "ratelimited") { timer = 60; console.log(mw.msg('gadget-uploadMultipleFiles-ratelimited', timer)); $message = $('<li class="multiUploadActive"></li>').msg('gadget-uploadMultipleFiles-ratelimited', $('<span id="rateLimitCounter">' + timer + '</span>')); $output.append($message); var countdown = setInterval(function(){ // count the timer down, and remove at 0 timer -= 1; document.getElementById('rateLimitCounter').textContent = timer; if (timer <= 0) { $message.remove() clearInterval(countdown); } }, 1000); setTimeout(function(){ // redundant clearing of the interval and message in case of race conditions clearInterval(countdown); $message.remove(); uploadCurrentFile(); }, timer * 1000); return; } // generic fallback else { $failedOutput.append('<li>' + files[currentFileIdx].name + ': ' + d.error.info + '</li>'); $failed.show(); } currentFileIdx++; uploadCurrentFile(); }).fail(function() { $failedOutput.append('<li>' + files[currentFileIdx].name + '</li>'); $failed.show(); currentFileIdx++; uploadCurrentFile(); }); }; uploadCurrentFile(); }); }); f47e56dc31399578758f15aafbdf732564a80bd3 8 240 264 2025-07-23T00:09:09Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki *Game content ** License|game|This contains content from the game or its official media *Commonly used ** License|fairuse|This will be used in a way that qualifies as "fair use" under US law ** License|CC0|This file is licensed under the CC0 1.0 License ** License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License ** License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License ** License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License ** License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License ** License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License ** License|permission|The copyright holder gave permission to use this work only in wiki.gg articles ** License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License ** License|CC-PD|This is in the public domain ** License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License *Unsure or unknown ** License|nolicense|I don't know the license 80cf31331a258a3fc3651f6d5961fbb5c1822cee 8 241 265 2025-07-23T00:09:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{int:wikigg-copyright|CC BY-SA 4.0|$1}} 999f12b472b0177c515e14cda21d5e4ddc0603e1 8 242 266 2025-07-23T00:09:10Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki {{SITENAME}} 3879910e8b355a24373fd09ccc909145b2639907 8 243 267 2025-07-23T00:09:11Z ARTIFICER 564804 Importing default loadout css text/css /* All CSS here is applied on api.php pages */ @media (prefers-color-scheme: dark) { body { background-color:#20211f; border-color: #7b7261; color: #f6ecdb; } h1, h2, h3, h4, h5, h6 { color: rgb(234, 224, 207); border-color: rgb(83, 84, 81); } .mw-highlight .s2 { color: rgb(206, 99, 91); } a { color: rgb(133, 180, 221); } a:visited { color: rgb(141, 127, 218); } pre, code, .mw-code { background-color: rgb(34, 35, 33); color: rgb(234, 224, 207); border-color: rgb(63, 64, 62); } } c95cf2c22c12d821f22b745f2aa78d4f6f711500 8 244 268 2025-07-23T00:09:11Z ARTIFICER 564804 Importing default loadout css text/css .spoiler-content:hover > * { pointer-events:unset; opacity: 1; } .spoiler-content:hover { background-color: transparent; } 1c73aafcb749d7e0e9107c1045310d2af70aae7e 8 245 269 2025-07-23T00:09:11Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <div class="mw-parser-output" id="dl-variable-doc"><!-- hide this in your global.css if you're familiar with how default loadout works and this documentation is just in your way --> <h2>Documentation</h2> This wiki is using the theming template from the [[dlw:|default loadout]]. This template is intended to minimize the work required to create a custom colored version of the standard [[mw:Skin:Vector|Vector]] skin, while maximizing the various nooks and crannies that those colors reach, all while keeping everything legible and matching. Please be aware of the [[support:Customization policy|customization policy]] when modifying the theme. <h3>Themes</h3> The [[support:Theme Toggle|Theme Toggle]] extension is installed, and allows multiple themes to be used. In the actual stylesheet below this documentation, you'll find two huge rules at the top, each containing lots of [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS color variables]. They look like this: <syntaxhighlight lang=css> :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(filepath://Site-background.jpg); /* and so on */ } .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(filepath://Site-background-dark.jpg); /* and so on */ } </syntaxhighlight> These are the standard light and dark themes, defined in [[Mediawiki:Theme-definitions]]. '''Important''': if you want your wiki to only support a single theme, edit that page and remove the line you don't want (don't remove both). The <code>:root</code> selector is a fallback, meaning that in case something happens and Theme Toggle fails to work, the following theme will still mostly work. If you have multiple themes, you can move the <code>:root</code> rule to whichever you'd consider the "default" theme. <h3>Non-color variables</h3> {| class="wikitable" ! Variable name !! Notes |- | --wiki-body-background-image | This is the image path to the wiki's background image. Usually this is uploaded to File:Site-background.jpg, File:Site-background-light.jpg, and/or File:Site-background-dark.jpg. While there's not a hard file size limit, it is recommended that this not exceed 250 KB. File size can be reduced by resizing (anything over 2560x1440p is excessive), converting to a jpg, and compressed using sites like [https://tinypng.com TinyPNG]. |- | --wiki-body-background-position | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-position background-position] of the background image. Usually this is set to <code>top center</code>. |- | --wiki-body-background-size | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-size background-size] of the background image. Usually this is set to <code>cover</code>. |- | --wiki-body-background-repeat | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat background-repeat] of the background image. Usually this is set to <code>no-repeat</code>. |- | --wiki-body-background-attachment | The [https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment background-attachment] of the background image. Usually this is set to <code>fixed</code>. |- | --wiki-body-font-family | The font family of most of the wiki, such as the sidebar, navigation, and content text. Usually this is sans-serif. If modifying this, use a simple font that is easy to read. See <code>--wiki-heading-font-family</code> if you want to incorporate a more decorative font into the theme. |- | --wiki-heading-font-family | The font family of headings, such as the page title and section headings. This font is usually displayed in a larger size, so it's safer to use a more decorative font than <code>--wiki-body-font-family</code>, but still try to keep it legible. |- | --wiki-sidebar-heading-font-family | The font family of sidebar headings. In contrast to <code>--wiki-heading-font-family</code>, this is usually displayed in a smaller size, so keep it simple and easy to read. |- | --wiki-sidebar-border-radius | The [https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius border-radius] of the sidebar. If <code>--wiki-sidebar-portal-spacing</code> is set to 0, then only the top and bottom corners of the sidebar as a whole will be affected, otherwise every portal will have all its corners affected. Units must be specified even if this is set to 0. |- | --wiki-sidebar-portal-spacing | The space between each portal in the sidebar. Units must be specified even if this is set to 0. |- | --wiki-content-border-width | The thickness of the border around the content area. |- | --wiki-sidebar-border-width | The thickness of the border around the sidebar portals. |- | --wiki-content-background-opacity | The opacity of the main content area, to let the wiki's background image show through. Please keep this high, usually above 90%, or it can make reading text difficult. |- | --wiki-sidebar-background-opacity | The background opacity of the sidebar. Usually this inherits <code>--wiki-content-background-opacity</code>. |- | --wiki-icon-general-filter | A filter applied to many icons to make them visible on dark themes. Usually this is just <code>invert(100%)</code> on dark themes and blank on light themes. |- | --wiki-icon-to-link-filter | A filter that converts many icons into the same color as <code>--wiki-content-link-color</code>. This can be generated by plugging that into https://mrpie5.gitlab.io/css-filter-generator/. |} <h3>List of all colors with contrast checking</h3> The table below shows all the colors currently in use, as well as notes on how to use them. The last column shows which colors are expected to show up as text against other colors. With the exception of <code>--wiki-content-text-mix-color-95</code>, all text in the last column should be ''clearly'' legible. If it is not, you may need to adjust one of the referenced colors in your color palette. Keep in mind that changes to the opacity variables in the section above will cause the content and sidebar background colors to mix with the body background color/image, so the contrasts below may not be perfectly accurate. {| class="wikitable" ! Variable name !! Color !! style="width: 40em;" | Notes !! Test contrast against these variables |- | --wiki-body-background-color | style="background-color:var(--wiki-body-background-color);" | | The background color behind the background image. This usually only shows up if the background image doesn't load, doesn't fill the screen, or has some transparency. This color should be similar to the overall color of the background image, or the top-left corner if it is made up of many different colors. In the former case, https://matkl.github.io/average-color/ is helpful. | style="background-color:var(--wiki-body-background-color);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-body-dynamic-color | style="background-color:var(--wiki-body-dynamic-color);" | | This is expected to contrast sharply with the body-background-color, for cases when text needs to be displayed against it. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--inverted | style="background-color:var(--wiki-body-dynamic-color--inverted);" | | The inverse of <code>--wiki-body-dynamic-color</code>. This should optimally have almost no contrast with the body-background-color. | style="background-color:var(--wiki-body-dynamic-color--inverted);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-body-dynamic-color--secondary | style="background-color:var(--wiki-body-dynamic-color--secondary);" | | A slightly different version of body-dynamic-color. Usually this is {{color|#333}} on light themes and {{color|#ccc}} on dark themes. | style="background-color:var(--wiki-body-dynamic-color--secondary);" | <span style="color:var(--wiki-body-background-color)">--wiki-body-background-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--inverted);">--wiki-body-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary--inverted);">--wiki-body-dynamic-color--secondary--inverted</span><br/> |- | --wiki-body-dynamic-color--secondary--inverted | style="background-color:var(--wiki-body-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-body-dynamic-color--secondary</code>. | style="background-color:var(--wiki-body-dynamic-color--secondary--inverted);" | <span style="color:var(--wiki-body-dynamic-color);">--wiki-body-dynamic-color</span><br/> <span style="color:var(--wiki-body-dynamic-color--secondary);">--wiki-body-dynamic-color--secondary</span><br/> |- | --wiki-content-background-color | style="background-color:var(--wiki-content-background-color);" | | The background color of the main content area. | style="background-color:var(--wiki-content-background-color);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-text-mix-color)">--wiki-content-text-mix-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-content-heading-color)">--wiki-content-heading-color</span><br/> <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-neutral-color)">--wiki-neutral-color</span><br/> <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-content-background-color--secondary | style="background-color:var(--wiki-content-background-color--secondary);" | | A secondary content background to highlight certain things. Usually this is <code>--wiki-content-background-color</code> with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-content-background-color--secondary);" | <span style="color:var(--wiki-content-text-color)">--wiki-content-text-color</span><br/> <span style="color:var(--wiki-content-link-color)">--wiki-content-link-color</span><br/> <span style="color:var(--wiki-content-link-color--visited)">--wiki-content-link-color--visited</span><br/> <span style="color:var(--wiki-content-link-color--hover)">--wiki-content-link-color--hover</span><br/> <span style="color:var(--wiki-content-redlink-color)">--wiki-content-redlink-color</span><br/> <span style="color:var(--wiki-content-text-mix-color)">--wiki-content-text-mix-color</span><br/> <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> <span style="color:var(--wiki-content-heading-color)">--wiki-content-heading-color</span><br/> <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-neutral-color)">--wiki-neutral-color</span><br/> <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-content-border-color | style="background-color:var(--wiki-content-border-color);" | | Border color for the main content area and elements within it. | N/A |- | --wiki-content-border-color--secondary | style="background-color:var(--wiki-content-border-color--secondary);" | | A secondary content border color for elements that do not need to stand out as much. Usually this is <code>--wiki-content-border-color</code> with 50% transparency, but it can be adjusted or made identical if it is too subtle. | N/A |- | --wiki-content-border-color--accent | style="background-color:var(--wiki-content-border-color--accent);" | | A border color that is used as an accent. Usually this is <code>--wiki-accent-color</code> with 50% transparency, but it can be any variation of the accent color. | N/A |- | --wiki-content-text-color | style="background-color:var(--wiki-content-text-color);" | | Text color for the main content area. | style="background-color:var(--wiki-content-text-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-content-link-color | style="background-color:var(--wiki-content-link-color);" | | Links within the content area. Please do not make this red, as red links on wikis traditionally denote pages that don't exist. | style="background-color:var(--wiki-content-link-color);" | <span style="color:var(--wiki-content-link-label-color);">--wiki-content-link-label-color</span> |- | --wiki-content-link-label-color | style="background-color:var(--wiki-content-link-label-color);" | | This is used when placing text on an element with the link color as a background, such as a button. | style="background-color:var(--wiki-content-link-label-color);" | <span style="color:var(--wiki-content-link-color);">--wiki-content-link-color</span> |- | --wiki-content-link-color--visited | style="background-color:var(--wiki-content-link-color--visited);" | | The color of visited links. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-content-link-color--visited);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-link-color--hover | style="background-color:var(--wiki-content-link-color--hover);" | | The color links change to when hovered over. This is optional, and usually inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-content-link-color--hover);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-redlink-color | style="background-color:var(--wiki-content-redlink-color);" | | The color of links to pages that don't exist. Since these should only rarely be seen, you can be a little lax about choosing a color that contrasts with the background, but it should still be legible. | style="background-color:var(--wiki-content-redlink-color);" | <span style="color:var(--wiki-content-background-color);">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary);">--wiki-content-background-color--secondary</span> |- | --wiki-content-text-mix-color | style="background-color:var(--wiki-content-text-mix-color);" | | A mix of <code>--wiki-content-text-color</code> and <code>--wiki-content-background-color</code>, calculated automatically. This is generally used to mark disabled elements or placeholder text. | style="background-color:var(--wiki-content-text-mix-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> <span style="color:var(--wiki-content-text-mix-color-95)">--wiki-content-text-mix-color-95</span> |- | --wiki-content-text-mix-color-95 | style="background-color:var(--wiki-content-text-mix-color-95);" | | The same as <code>--wiki-content-text-mix-color</code>, but the mix is 95% <code>--wiki-content-background-color</code>, calculated automatically. This is used to mark disabled elements. The contrast checker to the right should actually be very hard to read but not impossible. | style="background-color:var(--wiki-content-text-mix-color-95);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-content-dynamic-color | style="background-color:var(--wiki-content-dynamic-color);" | | This is expected to contrast sharply with <code>--wiki-content-background-color</code>. Usually this is {{color|#000}} on light themes and {{color|#fff}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--inverted | style="background-color:var(--wiki-content-dynamic-color--inverted);" | | The inverse of <code>--wiki-content-dynamic-color</code>. | style="background-color:var(--wiki-content-dynamic-color--inverted);" | <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> |- | --wiki-content-dynamic-color--secondary | style="background-color:var(--wiki-content-dynamic-color--secondary);" | | A slightly different version of <code>--wiki-content-dynamic-color</code>. Usually this is {{color|#333}} on light themes and {{color|#ccc}} on dark themes. | style="background-color:var(--wiki-content-dynamic-color--secondary);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--inverted)">--wiki-content-dynamic-color--inverted</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary--inverted)">--wiki-content-dynamic-color--secondary--inverted</span><br/> |- | --wiki-content-dynamic-color--secondary--inverted | style="background-color:var(--wiki-content-dynamic-color--secondary--inverted);" | | The inverse of <code>--wiki-content-dynamic-color--secondary</code>. | style="background-color:var(--wiki-content-dynamic-color--secondary--inverted);" | <span style="color:var(--wiki-content-dynamic-color)">--wiki-content-dynamic-color</span><br/> <span style="color:var(--wiki-content-dynamic-color--secondary)">--wiki-content-dynamic-color--secondary</span><br/> |- | --wiki-content-heading-color | style="background-color:var(--wiki-content-heading-color);" | | The color of headings, such as the page title and section headings. Usually this is set to <code>--wiki-content-text-color</code>, but feel free to give it a different color to spice up the theme a little. | style="background-color:var(--wiki-content-heading-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span> |- | --wiki-accent-color | style="background-color:var(--wiki-accent-color);" | | Used to style infoboxes, navboxes, focused element outlines, and some buttons, such as the save button when editing. | style="background-color:var(--wiki-accent-color);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span><br/> <span style="color:var(--wiki-accent-link-color)">--wiki-accent-link-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-accent-color--hover | style="background-color:var(--wiki-accent-color--hover);" | | The color of accent-color when hovered over, in some cases. Usually this is just accent-color with saturation and/or value reduced or increased by about 10%, but you're free to make it whatever you want provided the contrast checks to the right still pass. | style="background-color:var(--wiki-accent-color--hover);" | <span style="color:var(--wiki-accent-label-color)">--wiki-accent-label-color</span> |- | --wiki-accent-label-color | style="background-color:var(--wiki-accent-label-color);" | | The color of normal text against the accent color. | style="background-color:var(--wiki-accent-label-color);" | <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span><br/> <span style="color:var(--wiki-accent-color--hover)">--wiki-accent-color--hover</span><br/> |- | --wiki-accent-link-color | style="background-color:var(--wiki-accent-link-color);" | | The color of links against the accent color. | style="background-color:var(--wiki-accent-link-color);" | <span style="color:var(--wiki-accent-color)">--wiki-accent-color</span> |- | --wiki-sidebar-background-color | style="background-color:var(--wiki-sidebar-background-color);" | | The background color of the sidebar to the left of the content area. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-sidebar-background-color);" | <span style="color:var(--wiki-sidebar-link-color)">--wiki-sidebar-link-color</span><br/> <span style="color:var(--wiki-sidebar-heading-color)">--wiki-sidebar-heading-color</span><br/> |- | --wiki-sidebar-border-color | style="background-color:var(--wiki-sidebar-border-color);" | | The border color of the sidebar. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-sidebar-link-color | style="background-color:var(--wiki-sidebar-link-color);" | | The color of links in the sidebar. Usually this inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-sidebar-link-color);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-sidebar-link-color--hover | style="background-color:var(--wiki-sidebar-link-color--hover);" | | The color links change to when hovered over. This is optional, and usually inherits <code>--wiki-content-link-color--hover</code>. | style="background-color:var(--wiki-sidebar-link-color--hover);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-sidebar-heading-color | style="background-color:var(--wiki-sidebar-heading-color);" | | The color of headings in the sidebar. Usually this inherits <code>--wiki-content-heading-color</code>. | style="background-color:var(--wiki-sidebar-heading-color);" | <span style="color:var(--wiki-sidebar-background-color)">--wiki-sidebar-background-color</span> |- | --wiki-navigation-background-color | style="background-color:var(--wiki-navigation-background-color);" | | The primary background color of the navigation tabs above the content area. Usually this inherits <code>--wiki-content-background-color--secondary</code>. | style="background-color:var(--wiki-navigation-background-color);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-background-color--secondary | style="background-color:var(--wiki-navigation-background-color--secondary);" | | The upper background color of the navigation tabs, as well as the background color of the "More" menu dropdown. Usually this inherits <code>--wiki-content-background-color</code>. | style="background-color:var(--wiki-navigation-background-color--secondary);" | <span style="color:var(--wiki-navigation-text-color)">--wiki-navigation-text-color</span><br/> |- | --wiki-navigation-border-color | style="background-color:var(--wiki-navigation-border-color);" | | Border color of the navigation tabs. Usually this inherits <code>--wiki-content-border-color</code>. | N/A |- | --wiki-navigation-text-color | style="background-color:var(--wiki-navigation-text-color);" | | The color of text in the navigation tabs. Usually this inherits <code>--wiki-content-link-color</code>. | style="background-color:var(--wiki-navigation-text-color);" | <span style="color:var(--wiki-navigation-background-color)">--wiki-navigation-background-color</span><br/> <span style="color:var(--wiki-navigation-background-color--secondary)">--wiki-navigation-background-color--secondary</span><br/> |- | --wiki-navigation-text-color--hover | style="background-color:var(--wiki-navigation-text-color--hover);" | | The color of text in the navigation tabs when hovered. Usually this inherits <code>--wiki-content-link-color--hover</code>. | style="background-color:var(--wiki-navigation-text-color--hover);" | <span style="color:var(--wiki-navigation-background-color)">--wiki-navigation-background-color</span><br/> <span style="color:var(--wiki-navigation-background-color--secondary)">--wiki-navigation-background-color--secondary</span><br/> |- | --wiki-navigation-selected-background-color | style="background-color:var(--wiki-navigation-selected-background-color);" | | The background color of the currently active navigation tab. Usually this inherits <code>--wiki-content-background-color</code> | style="background-color:var(--wiki-navigation-selected-background-color);" | <span style="color:var(--wiki-navigation-selected-text-color)">--wiki-navigation-selected-text-color</span><br/> |- | --wiki-navigation-selected-border-color | style="background-color:var(--wiki-navigation-selected-border-color);" | | The border color of the currently active navigation tab. Usually this inherits <code>--wiki-navigation-border-color</code> | N/A |- | --wiki-navigation-selected-text-color | style="background-color:var(--wiki-navigation-selected-text-color);" | | The text color of the currently active navigation tab. Usually this inherits <code>--wiki-content-text-color</code> | style="background-color:var(--wiki-navigation-selected-text-color);" | <span style="color:var(--wiki-navigation-selected-background-color)">--wiki-navigation-selected-background-color</span><br/> |- | --wiki-neutral-color | style="background-color:var(--wiki-neutral-color);" | | A gray-ish color for displaying neutral text, such as a diff size of 0 in RecentChanges and page history. Usually this inherits <code>--wiki-content-text-mix-color</code>, but can be set explicitly if that color is not gray enough. | style="background-color:var(--wiki-neutral-color);" | <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span> |- | --wiki-alert-color | style="background-color:var(--wiki-alert-color);" | | A general, usually red-ish color used for negative notices, most notably negative diffs in RecentChanges and page history, and the "cancel" button when editing. | style="background-color:var(--wiki-alert-color);" | <span style="color:var(--wiki-alert-label-color)">--wiki-alert-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-alert-label-color | style="background-color:var(--wiki-alert-label-color);" | | The color of text against <code>--wiki-alert-color</code> as a background. | style="background-color:var(--wiki-alert-label-color);" | <span style="color:var(--wiki-alert-color)">--wiki-alert-color</span><br/> |- | --wiki-warning-color | style="background-color:var(--wiki-warning-color);" | | A general, usually orange-ish color used for warning notices. | style="background-color:var(--wiki-warning-color);" | <span style="color:var(--wiki-warning-label-color)">--wiki-warning-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> |- | --wiki-warning-label-color | style="background-color:var(--wiki-warning-label-color);" | | The color of text against <code>--wiki-warning-color</code> as a background. | style="background-color:var(--wiki-warning-label-color);" | <span style="color:var(--wiki-warning-color)">--wiki-warning-color</span><br/> |- | --wiki-success-color | style="background-color:var(--wiki-success-color);" | | A general, usually green-ish color used for success notices, most noticeably positive diffs in RecentChanges and page history. | style="background-color:var(--wiki-success-color);" | <span style="color:var(--wiki-success-label-color)">--wiki-success-label-color</span><br/> <span style="color:var(--wiki-content-background-color)">--wiki-content-background-color</span><br/> <span style="color:var(--wiki-content-background-color--secondary)">--wiki-content-background-color--secondary</span><br/> |- | --wiki-success-label-color | style="background-color:var(--wiki-success-label-color);" | | The color of text against <code>--wiki-success-color</code> as a background. | style="background-color:var(--wiki-success-label-color);" | <span style="color:var(--wiki-success-color)">--wiki-success-color</span><br/> |} <h2>Stylesheet</h2> <!-- When rendered on common.css, the actual stylesheet will be right here --> </div> 46bda3c0aabbc7ea35b816706b99b474a2dc06df 8 246 270 2025-07-23T00:09:12Z ARTIFICER 564804 Importing default loadout css text/css /** Container */ .ext-datamaps-container-content .ext-datamaps-container-leaflet { background: var(--wiki-content-background-color--secondary); } /** Legend */ .ext-datamaps-container .ext-datamaps-control-expandable[aria-expanded="true"] { background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, transparent); } .ext-datamaps-container .oo-ui-tabOptionWidget { color: var(--wiki-content-link-color); } .ext-datamaps-container .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background: var(--wiki-content-link-color); box-shadow: none; color: var(--wiki-content-link-label-color); } /** Popups */ .ext-datamaps-container .leaflet-popup-content-wrapper, .ext-datamaps-container .leaflet-popup-tip { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .ext-datamaps-container .ext-datamaps-popup-buttons a, .ext-datamaps-container .leaflet-popup-close-button { filter: var(--wiki-icon-general-filter); cursor: pointer; } .ext-datamaps-popup-header .ext-datamaps-popup-subtitle, .ext-datamaps-popup-header .ext-datamaps-popup-location { color: var(--wiki-content-text-mix-color); } .ext-datamaps-popup .ext-datamaps-popup-tools li a { border: 1px solid var(--wiki-content-link-color); transition: background 100ms, color 100ms; } .ext-datamaps-popup .ext-datamaps-popup-tools li a:hover { background: var(--wiki-content-link-color); color: var(--wiki-content-link-label-color); } /** Controls */ .ext-datamaps-container .leaflet-bar { background-color: var(--wiki-content-background-color--secondary); border-color: color-mix(in srgb, var(--wiki-content-link-color) 50%, transparent); } .ext-datamaps-container .leaflet-bar button:hover { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 25%, transparent); } .ext-datamaps-container .leaflet-control { color: var(--wiki-content-text-color); } .leaflet-control-container .oo-ui-buttonElement > .oo-ui-buttonElement-button { min-height: unset; } .ext-datamaps-container .leaflet-control button { border-bottom-color: color-mix(in srgb, var(--wiki-content-link-color) 50%, transparent); color: var(--wiki-content-text-color); } /* HACK: awful selector, v1.0 will prolly use a standard class on these */ .ext-datamaps-container .ext-datamaps-control span[class^="oo-ui-icon"] { filter: var(--wiki-icon-general-filter); } /** Search */ .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results { background: var(--wiki-content-background-color--secondary); } .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li:focus, .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li[data-highlighted="true"] { background: color-mix(in srgb, var(--wiki-content-link-color) 15%, transparent); color: var(--wiki-content-link-color); } .ext-datamaps-container .ext-datamaps-container-status > :not(.oo-ui-widget) { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-mix-color); } .ext-datamaps-container .leaflet-control-container .ext-datamaps-control-coords { background: var(--background-color-neutral-subtle); color: var(--color-base--subtle); } f3ef9024b4b537b9fa9bceff82bbbeaf0feb7f7a 8 247 271 2025-07-23T00:09:12Z ARTIFICER 564804 Importing default loadout javascript text/javascript $.when( mw.loader.using( [ 'mediawiki.api', 'mediawiki.jqueryMsg' ] ), $.ready ) .then( () => new mw.Api().loadMessagesIfMissing( [ 'gadget-mpEditLinks-edit-link-text', 'gadget-mpEditLinks-toggle-link-text'] ) ) .then(function(){ if(!document.getElementById('mp-container')){ return; } var rootpage = document.getElementById('mp-container').dataset['rootpage']; // Get the rootpage passed from the main page module, so we don't need to make an API call /* generate the links here instead of in the wikitext, so that users who can't see them don't have them * in the DOM at all, and screenreaders and search engines don't get confused */ function createLinks(){ $('.mp-box').each(function(_, el){ var params = '?action=edit'; // only add the long preload stuff if the box doesn't exist, for prettier urls if ( $(el).hasClass('missing') ){ params += '&preload=Template:Main page box/preload&preloadparams[0]=' + el.dataset['boxId'].charAt(0).toUpperCase() + el.dataset['boxId'].slice(1); /* preloadparam is box id with first letter capitalized */ } $('<a></a>', {href: mw.util.getUrl(rootpage + '/' + el.dataset['boxId']) + params}) .msg('gadget-mpEditLinks-edit-link-text', rootpage + '/' + el.dataset['boxId']) .appendTo( $('<div></div>', { class: 'mp-edit-link' }).prependTo(el) ); }); } function toggleLinks(){ $('.mp-edit-link').each(function(_, el){ $(el).toggle().css('display none;'); }); } $('<span></span>', { text: mw.msg('gadget-mpEditLinks-toggle-link-text'), class: 'mp-edit-toggle', on: {click: toggleLinks} }).appendTo($('#top')); createLinks(); }); e7bf119aa141499c0e2e4dc465b62c0810dff275 8 248 272 2025-07-23T00:09:13Z ARTIFICER 564804 Importing default loadout css text/css .mp-edit-link { display:block; position:absolute; z-index:99; right:0.5em; top:0.5em; background:var(--wiki-content-background-color); } .mp-edit-link a { display:block; padding:0.1em; border:1px solid var(--wiki-content-link-color); } .mp-edit-link a::before { display:inline-block; content:''; background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cpath d=%22m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/svg%3E"); background-size:contain; width:1em; height:1em; filter:var(--wiki-icon-to-link-filter); vertical-align:text-top; margin-right:0.2em; } c5fd62c547dd14df99d3f223cdca962743d492d1 8 249 273 2025-07-23T00:09:13Z ARTIFICER 564804 Importing default loadout css text/css /** as of Module:navbox version 1.2.4 **/ .ranger-navbox{ border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear:both; } .ranger-navbox * { border: 0; } .ranger-navbox .center *{ margin-left: unset; margin-right: unset; } .ranger-navbox, .ranger-navbox .ranger-section, .ranger-navbox .ranger-listbox{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header{ text-align: center; min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .ranger-navbox .ranger-title{ color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: var(--navbox-title-font-size); padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a:visited, .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited, .ranger-navbox .ranger-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited { color: var(--navbox-title-link-color); } .ranger-navbox .ranger-title a:visited{ color: var(--navbox-title-link-color--visited); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited{ color:var(--navbox-title-redlink-color); } .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a:visited:hover, .ranger-navbox .ranger-title a.external:hover, .ranger-navbox .ranger-title a.external:visited:hover { color:var(--navbox-title-link-color--hover); } .ranger-navbox .ranger-header{ color: var(--navbox-header-color); background: var(--navbox-header-background); font-size: var(--navbox-header-font-size); padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-sublist .ranger-header{ font-size: var(--navbox-subheader-font-size); padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a:visited, .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited, .ranger-navbox .ranger-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited { color: var(--navbox-header-link-color); } .ranger-navbox .ranger-header a:visited{ color: var(--navbox-header-link-color--visited); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited{ color:var(--navbox-header-redlink-color); } .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a:visited:hover, .ranger-navbox .ranger-header a.external:hover, .ranger-navbox .ranger-header a.external:visited:hover { color:var(--navbox-header-link-color--hover); } .ranger-navbox .ranger-meta{ font-size: var(--navbox-title-font-size); position: absolute; left: var(--navbox-icon-offset--x); top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */ display: block; } .ranger-navbox .ranger-meta .nv{ --mask: var(--icon-metalinks); display: block; width: 0.84em; /* based on the icon graph */ height: 0.84em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .ranger-navbox .ranger-meta .nv > a{ display: block; width: 100%; height: 100%; opacity: 0; } .ranger-navbox .ranger-meta .nv > a > span{ display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox .ranger-meta:has(.mw-selflink){ display: none; } .ranger-navbox, .ranger-navbox .ranger-section{ position: relative; } .ranger .mw-collapsible-toggle-placeholder{ display: none; } .ranger-navbox .ranger-title > .ranger-title-text, .ranger-navbox .ranger-header > .ranger-header-text{ pointer-events: none; } .ranger-navbox .ranger-title > .ranger-title-text a, .ranger-navbox .ranger-header > .ranger-header-text a{ pointer-events: auto; } .ranger-navbox .ranger-title > .mw-collapsible-toggle, .ranger-navbox .ranger-header > .mw-collapsible-toggle{ --mask: var(--icon-chevron-down); position: absolute; right: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; overflow:hidden; } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ width: 1.5em; height: 1.5em; right: var(--navbox-icon-offset--x); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle{ top: var(--navbox-title-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-header-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-subheader-padding--y); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: var(--navbox-icon-offset--x); -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before{ top: var(--navbox-title-padding--y); } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-header-padding--y); } .ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-subheader-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before{ top: 0; right: 0; } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ background-color: var(--navbox-header-icon-color); } .ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before{ transform: none; } .ranger-navbox .ranger-title > .mw-collapsible-toggle *, .ranger-navbox .ranger-title > .mw-collapsible-toggle::after, .ranger-navbox .ranger-header > .mw-collapsible-toggle *, .ranger-navbox .ranger-header > .mw-collapsible-toggle::after{ display: none; } .ranger-navbox .ranger-list{ width: unset; padding: var(--navbox-list-padding); } .ranger-navbox .ranger-above{ background: var(--navbox-above-background); color: var(--navbox-above-color); padding: var(--navbox-above-padding); width: unset; } .ranger-navbox .ranger-below{ background: var(--navbox-below-background); color: var(--navbox-below-color); padding: var(--navbox-below-padding); width: unset; } .ranger-navbox .ranger-sublist{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-section-body{ display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0,1fr); } /* gap fix for collapsed content */ .ranger-navbox [class^="ranger-"][hidden="until-found"]{ margin-top: calc(0px - var(--navbox-gap)) !important; } .ranger-navbox .ranger-row{ display: contents; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align); font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); padding: var(--navbox-group-padding); width: unset; } /* for desktop view */ .ranger-navbox.group-align-left .ranger-group, .ranger-navbox.group-align-left .ranger-subgroup{ --navbox-group-text-align: left; } .ranger-navbox.group-align-center .ranger-group, .ranger-navbox.group-align-center .ranger-subgroup{ --navbox-group-text-align: center; } .ranger-navbox.group-align-right .ranger-group, .ranger-navbox.group-align-right .ranger-subgroup{ --navbox-group-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-group-align-left .ranger-group, .ranger-navbox.mobile-group-align-left .ranger-subgroup{ --navbox-group-text-align--mobile: left; } .ranger-navbox.mobile-group-align-center .ranger-group, .ranger-navbox.mobile-group-align-center .ranger-subgroup{ --navbox-group-text-align--mobile: center; } .ranger-navbox.mobile-group-align-right .ranger-group, .ranger-navbox.mobile-group-align-right .ranger-subgroup{ --navbox-group-text-align--mobile: right; } /* for desktop view */ .ranger-navbox.list-align-left .ranger-listbox{ --navbox-list-text-align: left; } .ranger-navbox.list-align-center .ranger-listbox{ --navbox-list-text-align: center; } .ranger-navbox.list-align-right .ranger-listbox{ --navbox-list-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-list-align-left .ranger-listbox{ --navbox-list-text-align--mobile: left; } .ranger-navbox.mobile-list-align-center .ranger-listbox{ --navbox-list-text-align--mobile: center; } .ranger-navbox.mobile-list-align-right .ranger-listbox{ --navbox-list-text-align--mobile: right; } .ranger-navbox .ranger-listbox > .ranger-wrap{ text-align: var(--navbox-list-text-align); background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .ranger-navbox .ranger-sublist{ flex-grow: var(--count); } .ranger-navbox .ranger-listbox:first-child{ /* A list-n without group-n */ grid-column-end: span 2; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox > .ranger-wrap{ display: grid; justify-items: stretch; align-items: center; } .ranger-navbox.striped-even .ranger-even, .ranger-navbox.striped-odd .ranger-odd{ background: var(--navbox-list-background--striped); } /* make links use full line height (larger click box)*/ .ranger-navbox .hlist a{ display: inline-block; } .ranger-navbox .align-left, .ranger-navbox .alignleft{ text-align: left; } .ranger-navbox .align-center, .ranger-navbox .aligncenter{ text-align: center; } .ranger-navbox .align-right, .ranger-navbox .alignright{ text-align: right; } /* responsive */ @media screen and (max-width: 720px) { .ranger-navbox .ranger-section-body, .ranger-navbox .ranger-sublist { display: flex; flex-flow: column; } .ranger-navbox .ranger-row{ display: block; } .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child, .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child{ margin-top: var(--navbox-gap); } .ranger-navbox .ranger-listbox.empty{ display: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align--mobile, left); max-width: unset !important; } .ranger-navbox .ranger-group > *, .ranger-navbox .ranger-subgroup > *{ max-width: unset !important; } .ranger-navbox .ranger-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox { position:relative; } .ranger-navbox .ranger-group br, .ranger-navbox .ranger-subgroup br{ display: none; } .ranger-navbox .ranger-listbox > .ranger-wrap{ text-align: var(--navbox-list-text-align--mobile, left); } .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header{ margin-left: calc( 0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent)); } .ranger-navbox .ranger-sublist .ranger-row > ::before{ position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ''; display: block; background-color: var(--navbox-tree-line-color); } .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before, .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before{ height: calc(100% + var(--navbox-gap)); } .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before { display: none; } .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before { display: block; height: calc(50% + var(--navbox-tree-line-width)/2); } .ranger-navbox .ranger-subgroup::after, .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after{ position: absolute; left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width)); height: var(--navbox-tree-line-width); content: ''; background-color: var(--navbox-tree-line-color); } /* increase height for links */ .ranger-navbox .hlist{ line-height: 2; } } /**** `.pill` class: the "pill" style ****/ /* remove middle dots betweem items */ .ranger-navbox.pill .hlist dd:not(:last-child)::after, .ranger-navbox.pill .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill .hlist dd ol::before, .ranger-navbox.pill .hlist dd ul::before, .ranger-navbox.pill .hlist dd dl::before, .ranger-navbox.pill .hlist dt ol::before, .ranger-navbox.pill .hlist dt ul::before, .ranger-navbox.pill .hlist dt dl::before, .ranger-navbox.pill .hlist li ol::before, .ranger-navbox.pill .hlist li ul::before, .ranger-navbox.pill .hlist li dl::before, .ranger-navbox.pill .hlist dd ol::after, .ranger-navbox.pill .hlist dd ul::after, .ranger-navbox.pill .hlist dd dl::after, .ranger-navbox.pill .hlist dt ol::after, .ranger-navbox.pill .hlist dt ul::after, .ranger-navbox.pill .hlist dt dl::after, .ranger-navbox.pill .hlist li ol::after, .ranger-navbox.pill .hlist li ul::after, .ranger-navbox.pill .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill .hlist ul, .ranger-navbox.pill .hlist ol, .ranger-navbox.pill .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill .hlist li, .ranger-navbox.pill .hlist dt, .ranger-navbox.pill .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill .hlist dd:hover, .ranger-navbox.pill .hlist dd:focus, .ranger-navbox.pill .hlist dt:hover, .ranger-navbox.pill .hlist dt:focus, .ranger-navbox.pill .hlist li:hover, .ranger-navbox.pill .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } /**** `.pill-mobile` class: only apply the "pill" style on mobile ****/ @media screen and (max-width: 720px) { /* remove middle dots betweem items */ .ranger-navbox.pill-mobile .hlist dd:not(:last-child)::after, .ranger-navbox.pill-mobile .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill-mobile .hlist dd ol::before, .ranger-navbox.pill-mobile .hlist dd ul::before, .ranger-navbox.pill-mobile .hlist dd dl::before, .ranger-navbox.pill-mobile .hlist dt ol::before, .ranger-navbox.pill-mobile .hlist dt ul::before, .ranger-navbox.pill-mobile .hlist dt dl::before, .ranger-navbox.pill-mobile .hlist li ol::before, .ranger-navbox.pill-mobile .hlist li ul::before, .ranger-navbox.pill-mobile .hlist li dl::before, .ranger-navbox.pill-mobile .hlist dd ol::after, .ranger-navbox.pill-mobile .hlist dd ul::after, .ranger-navbox.pill-mobile .hlist dd dl::after, .ranger-navbox.pill-mobile .hlist dt ol::after, .ranger-navbox.pill-mobile .hlist dt ul::after, .ranger-navbox.pill-mobile .hlist dt dl::after, .ranger-navbox.pill-mobile .hlist li ol::after, .ranger-navbox.pill-mobile .hlist li ul::after, .ranger-navbox.pill-mobile .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill-mobile .hlist ul, .ranger-navbox.pill-mobile .hlist ol, .ranger-navbox.pill-mobile .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill-mobile .hlist dd:hover, .ranger-navbox.pill-mobile .hlist dd:focus, .ranger-navbox.pill-mobile .hlist dt:hover, .ranger-navbox.pill-mobile .hlist dt:focus, .ranger-navbox.pill-mobile .hlist li:hover, .ranger-navbox.pill-mobile .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill-mobile .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } } /********************* * End Template:Navbox* **********************/ 12e3860119795159c9a9da4c34effa59d1632397 8 250 274 2025-07-23T00:09:13Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": false, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with navboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variables.css", "main.css", "custom.css" ], "dependencies": [], "type": "styles" } } 0e59fa9520b52214b9fedaecae9f41d86afd197f 8 251 275 2025-07-23T00:09:14Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "package": false, "section": "", "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with DRUID infoboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "variablesEditMe.css", "mainReadonly.css", "customEditMe.css" ], "dependencies": [], "type": "styles" } } 5c21b27bf41aba17b090e0d888010c308bd5d0bb 8 252 276 2025-07-23T00:09:14Z ARTIFICER 564804 Importing default loadout css text/css /* --------------------------------------------- */ /* Do not edit this file please */ /* You can edit variablesEditMe and customEditMe */ /* --------------------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:var(--druid-secondary-background-color); /* fallback */ background:color-mix(in srgb, var(--druid-secondary-background-color) 75%, transparent); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:var(--druid-link-color); /* fallback */ background:color-mix(in srgb, var(--druid-link-color) 25%, transparent); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused), .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused), .druid-grid-item:has(.druid-toggleable-data-empty.focused), .druid-section:has(.druid-toggleable-heading-empty.focused), .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid var(--druid-border-color); /* fallback */ border:1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none !important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------------------- */ /* Do not edit this file please */ /* You can edit variablesEditMe and customEditMe */ /* --------------------------------------------- */ b012f61bd994e50b85508138467794f6a296ed2d 8 253 277 2025-07-23T00:09:14Z ARTIFICER 564804 Importing default loadout css text/css /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ /* Light and dark are separated to make it easier for you to do local customizations but in the default version they are identical */ :root, .view-light .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } .view-dark .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } 8cf88860d6782aac5b9b65a990d7eddfd5c5c3f2 8 254 278 2025-07-23T00:09:15Z ARTIFICER 564804 Importing default loadout css text/css /* Custom DRUID styles should go here */ 7ecb3c635f03ba714e419c200113f47043f0e358 8 255 279 2025-07-23T00:09:15Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki <includeonly>This gadget provides styles for {{ml|Infobox}}. You can customize: * [[MediaWiki:Gadgets/druid/variablesEditMe.css]] - to customize the built-in variables (e.g. if you want to make the color of your infobox not match the wiki accent color). This file will load '''first''' out of all of the DRUID CSS files. * [[MediaWiki:Gadgets/druid/customEditMe.css]] - to otherwise customize DRUID (e.g. if you want to change the padding, or add a border image, something that's not supported through variables. This file will load '''last''' out of all of the DRUID CSS files, so all rules here will overwrite rules in [[MediaWiki:Gadgets/druid/mainReadonly.css]] with equal specificity. Please do NOT modify [[MediaWiki:Gadgets/druid/mainReadonly.css]]!! That page may be updated by wiki.gg staff via script, and the updates will not function if you modify it. More documentation can be found at [[support:DRUID infoboxes|DRUID infoboxes]]<!-- --></includeonly><noinclude>This is the documentation page for [[{{#titleparts:{{FULLPAGENAME}}|-1}}]].</noinclude> 2813eb77787e37161b0ed7e4e85c9f5f2d7ad92e 8 256 280 2025-07-23T00:09:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki You have followed a link to a page that does not exist yet. To create the page, start typing in the box below (see the [$1 help page] for more info). If you are here by mistake, click your browser's <strong>back</strong> button. 778f9ef242eb3058ef30ed3325b901adb762a2af 8 257 281 2025-07-23T00:09:16Z ARTIFICER 564804 Importing default loadout wikitext text/x-wiki See also: [[Special:Gadgets]] for a list of all installed gadgets, formatted in a friendly way. {{Special:PrefixIndex/MediaWiki:Gadgets}} 14815d26ea4ae878b5e77e1781eeb35cd742ad2c 8 258 282 2025-07-23T00:09:17Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with DRUID infoboxes" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } 5df47905f5c565c4a5c0da774413a6dee76eb7d1 8 259 283 2025-07-23T00:09:17Z ARTIFICER 564804 Importing default loadout javascript text/javascript mw.hook( 'wikipage.content' ).add( () => { $( '.druid-title-tab' ).off( 'click' ) .on( 'click', function () { const $parent = $( this ).closest( '.druid-container' ); $parent.find( '.druid-toggleable' ).removeClass( 'focused' ); const i = $( this ).attr( 'data-druid' ); $parent.find( `.druid-toggleable[data-druid="${i}"]` ).addClass( 'focused' ); } ); $( '.druid-section-tab' ).off( 'click' ) .on( 'click', function () { const $parent = $( this ).closest( '.druid-section-container' ); $parent.find( '.druid-toggleable' ).removeClass( 'focused' ); const i = $( this ).attr( 'data-druid' ); $parent.find( `.druid-toggleable[data-druid="${i}"]` ).addClass( 'focused' ); } ); $( '.druid-collapsible' ).off( 'click' ) .on( 'click', function () { const kind = $( this ).attr( 'data-druid-section' ); $( this ) .toggleClass( 'druid-collapsible-collapsed' ) .closest( '.druid-container' ) .find( `[data-druid-section-row="${kind}"]` ) .toggleClass( 'druid-collapsed' ); } ); } ); /* End DRUID */ af8f73fc414f3fc0dae8d97a044675e9912fa457 8 260 284 2025-07-23T00:09:17Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with Discord embeds" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } 1232b7fbe2ff589295233393f6f387cf52793a2a 8 261 285 2025-07-23T00:09:18Z ARTIFICER 564804 Importing default loadout javascript text/javascript /** * DiscordCompact.js * ---------------------- * A very simple script to display a Discord widget. * Version 0.0.2 * https://support.wiki.gg/wiki/DiscordCompact * ---------------------- */ $(function() { var widget = $("#content #discord-compact-widget"); // Bail out if we didn't find a widget. if (!widget.length) return; var id = widget.attr("data-id"); // Ensure that the id is not blank. if (id === "") throw new Error("DiscordCompact has a blank server id!"); // Ensure that the id consists only of numbers and is at least 17 characters long. if (!new RegExp("^[0-9]{17}[0-9]+$").test(id)) throw new Error("DiscordCompact has an invalid server id!"); var apiBase = "https://discord.com/api/guilds/" + id; // Get some information about the server, such as online member count and invite url. // This also tells us if the server exists or has widgets disabled, so we look out for that too. $.ajax(apiBase + "/widget.json").fail(function(req){ if (!req.responseJSON) throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.json (status: " + req.status); switch (req.responseJSON.code) { case 10004: throw new Error("DiscordCompact has a valid server id, but no such server exists!"); case 50004: throw new Error("DiscordCompact has a valid server id, but that server has widgets disabled!"); default: throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.json (status: " + req.status + "; code: " + req.responseJSON.code + ")"); } }).done(function(res){ const inviteURL = res.instant_invite; // Warn if we can't get an invite URL. if (inviteURL == null) console.warn("DiscordCompact cannot get an invite URL; does this server have an invite channel set in Widget settings?"); // Now get the widget image. $.ajax({url: apiBase + "/widget.png?style=banner2", xhrFields: {responseType: "blob"}}).fail(function(req){ if (!req.responseJSON) throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.png! (status: " + req.status); throw new Error("DiscordCompact encountered an unknown error whilst fetching widget.png! (status: " + req.status + "; code: " + req.responseJSON.code + ")"); }).done(function(blob){ // Convert the image data into base64. This prevents us having to make the client request it a second time. const imageReader = new FileReader(); imageReader.readAsDataURL(blob); imageReader.onloadend = function() { const b64Data = imageReader.result; // Replace the widget with an <a> tag widget.replaceWith(function() { return $("<a>", { id: widget.attr("id"), class: widget.attr("class"), style: widget.attr("style"), alt: "Discord server widget", href: inviteURL }); }); // We need to grab the widget again to update it. widget = $("#discord-compact-widget"); // Setup the CSS so that the image is displayed. widget.css("display", "block"); widget.css("max-height", "76px"); widget.css("max-width", "320px"); // Create the image. const widgetImage = document.createElement("img"); widgetImage.src = b64Data; widgetImage.style.width = "100%"; widgetImage.style.height = "100%"; widgetImage.style.borderRadius = "5px"; widget.append(widgetImage); // Prevent image dragging. widget.on("dragstart", function(e) { e.preventDefault(); }); // We're done here. console.log("DiscordCompact loaded successfully!"); } }); }); }); /** * based on https://dev.fandom.com/wiki/MediaWiki:DiscordIntegrator/code.js * * used by other wikis. */ $(function() { 'use strict'; var mconfig = mw.config.get([ 'wgContentLanguage', 'wgUserLanguage', 'wgUserName' ]); if (window.DiscordIntegratorLoaded) { return; } window.DiscordIntegratorLoaded = true; /** * Main object * @static */ var DiscordIntegrator = { /** * Initializing */ init: function() { mw.hook('wikipage.content').add($.proxy(this.insertToContent, this)); }, /** * Finding the designated places in content * in which to place the widget and placing it */ insertToContent: function($content) { $content.find('.DiscordIntegrator:not(.loaded)').each($.proxy(function(cabbage, el) { el = $(el); el.html(this.generateContent(el.data())).addClass('loaded'); }, this)); }, /** * Determines the theme of the widget. * @param {string} config Configured theme * @return {string} 'light' or 'dark' depending on the wiki theme and configuration */ determineTheme: function(config) { // If explicitly configured to light or dark. if (config === 'dark') { return 'dark'; } if (config === 'light') { return 'light'; } /** If not configured **/ // try to determine based on wiki theme (set by themeToggle): var clas = $(':root').attr('class'); var regex = /(^|\s)theme-(\w+)(\s|$)/; var match = clas.match(regex); if(match){ var wikiThemeName = match[2]; if(typeof(config) === 'object' && config !== null){ //with json theme config if(config[wikiThemeName]){ return config[wikiThemeName]; } } if(wikiThemeName === 'light'){ return 'light'; } if(wikiThemeName === 'dark'){ return 'dark'; } } // Otherwise, default to dark. return 'dark'; }, /** * Generating widget content from an object * @return {string} Content of the widget */ generateContent: function(config) { if (!config.id || !String(config.id).match(/\d{17,19}/)) { return "Error: ID of the widget is malformed or not supplied, please see <a href='https://support.wiki.gg/wiki/DiscordWidget' title='the instructions'>the instructions</a> for how to find your server's ID. Please make sure you are not inserting <strong>the DiscordIntegrator template</strong> when asked for <strong>your widget ID</strong>."; } if ( ( config.loggedIn === true || Boolean(config['logged-in']) === true && config['logged-in'] !== 'false' && config['logged-in'] !== '{{{loggedIn}}}' ) && !mconfig.wgUserName ) { return "Please <a href='/Special:UserLogin' title='log in'>log in</a> to see this widget."; } var username = config.username === '@disabled' ? '' : config.username === '@function' && typeof window.DiscordIntegratorGetUsername === 'function' ? window.DiscordIntegratorGetUsername() : config.username || mconfig.wgUserName; return mw.html.element('iframe', { src: 'https://discord.com/widget?id=' + config.id + '&theme=' + this.determineTheme(config.theme) + '&username=' + encodeURIComponent(username), width: config.width || '100%', height: config.height || '400px', allowtransparency: 'true', frameborder: '0', title: "Discord server widget" }); } }; DiscordIntegrator.init(); }); 1e1fd5704120cf67e15a757bd964c7295bdb464e 8 262 286 2025-07-23T00:09:18Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [ 828 ], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } e5843d78effc2d04aa1fde18970885a1845ae525 8 263 287 2025-07-23T00:09:19Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* Link to imported modules from Lua code */ $(function() { var config = mw.config.get([ 'wgCanonicalNamespace', 'wgFormattedNamespaces' ]); if (config.wgCanonicalNamespace !== 'Module') { return; } var localizedNamespace = config.wgFormattedNamespaces[828]; $('.s1, .s2, .s').each(function() { var $this = $(this); var html = $this.html(); var quote = html[0]; var isLongStringQuote = quote === '['; var quoteRE = new RegExp('^\\' + quote + '|\\' + quote + '$', 'g'); if (isLongStringQuote) { quoteRE = /^\[\[|\]\]$/g; } var name = html.replace(quoteRE, ''); var isEnglishPrefix = name.startsWith('Module:'); var isLocalizedPrefix = name.startsWith(localizedNamespace + ':'); var isDevPrefix = name.startsWith('Dev:'); if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) { var attrs = { href: mw.util.getUrl(name) }; if (isDevPrefix) { attrs.href = 'https://commons.wiki.gg/wiki/Module:' + mw.util.wikiUrlencode(name.replace('Dev:', '')); attrs.target = '_blank'; attrs.rel = 'noopener'; } var link = mw.html.element('a', attrs, name); var str = quote + link + quote; if (isLongStringQuote) { str = '[[' + link + ']]'; } $this.html(str); } }); }); dc09796545586723653a906ae1fed87411f49536 8 264 288 2025-07-23T00:09:19Z ARTIFICER 564804 Importing default loadout javascript text/javascript /* [[Template:Spoiler]] */ mw.hook('wikipage.content').add(function() { $('.spoiler-content') .off('click') // in case this code is loaded twice .on('click', function(e){ $(this).toggleClass('show'); }).find('a').on('click', function(e){ e.stopPropagation(); }); }); /* End Template:Spoiler */ c96e5a798a1781287a56037db79ab9094a3eae2b 8 265 289 2025-07-23T00:09:20Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with spoilers" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } e2aacbae968c704385f3937e6b0004f263907193 8 266 290 2025-07-23T00:09:20Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [ "edit" ], "categories": [], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } 518bbdc62f3fe767736f2de6ee9ba2b7eb9ab0a8 8 267 291 2025-07-23T00:09:20Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function() { $('.mw-charinsert-item').each(function() { $(this).text($(this).closest('div').attr('data-ci-label')); $(this).css('display', 'inline-block'); }); $('.ci-loading-text').css('display','none'); }); daabc4b17b7729432f5c146630a0715a7abc13e9 8 268 292 2025-07-23T00:09:21Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [ 8 ], "contentModels": [ "css" ], "rights": [ "editinterface" ] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } b512452ab2c0b2fd4d86d6a70c4c80fba41d14ed 8 269 293 2025-07-23T00:09:21Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function() { if (mw.config.get('wgPageName') != "MediaWiki:Common.css") return; mw.loader.load( 'https://commons.wiki.gg/load.php?lang=en&modules=ext.gadget.themeColorEditorScript&skin=vector&maxage=360&smaxage=360' ) }); a6d1c6789815c3c323c2afd84def2c1ca23d5efe 8 270 294 2025-07-23T00:09:22Z ARTIFICER 564804 Importing default loadout css text/css .ranger-navbox{ --navbox-background: var(--wiki-content-background-color); /* for entire navbox */ --navbox-margin: 0.5em auto; --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--wiki-content-border-color--accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-font-size: calc(1em - 2px); --navbox-title-color: var(--wiki-accent-label-color); --navbox-title-font-size: calc(125%); --navbox-title-background: var(--wiki-accent-color); --navbox-title-icon-color: var(--wiki-accent-label-color); --navbox-title-link-color: var(--navbox-title-color); --navbox-title-link-color--visited: var(--navbox-title-link-color); --navbox-title-link-color--hover: var(--wiki-accent-link-color); --navbox-title-redlink-color: var(--navbox-title-link-color); --navbox-title-link-decoration: underline solid; --navbox-title-redlink-decoration: underline wavy; --navbox-title-padding--y: 0.5em; --navbox-above-background: color-mix(in srgb, var(--wiki-content-text-color) 15%, transparent); --navbox-above-color: var(--wiki-content-text-color); --navbox-above-padding: var(--navbox-list-padding); --navbox-below-background: var(--navbox-above-background); --navbox-below-color: var(--navbox-above-color); --navbox-below-padding: var(--navbox-above-padding); --navbox-header-color: var(--navbox-title-color); --navbox-header-font-size: calc(110%); --navbox-header-background: var(--navbox-title-background); --navbox-header-icon-color: var(--navbox-title-icon-color); --navbox-header-link-color: var(--navbox-title-link-color); --navbox-header-link-color--visited: var(--navbox-title-link-color--visited); --navbox-header-link-color--hover: var(--navbox-title-link-color--hover); --navbox-header-redlink-color: var(--navbox-title-redlink-color); --navbox-header-link-decoration: var(--navbox-title-link-decoration); --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration); --navbox-header-padding--y: 0.3em; --navbox-subheader-font-size: calc(100%); --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2); --navbox-list-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 8%, transparent); --navbox-list-color: var(--wiki-content-text-color); --navbox-list-padding: 0.25em 0.5em; /* --navbox-group-* also apply to .ranger-subgroup */ --navbox-group-text-align: left; --navbox-group-text-align--mobile: left; /* only for mobile view */ --navbox-group-background: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent); --navbox-group-color: var(--wiki-content-text-color); --navbox-group-padding: var(--navbox-list-padding); --navbox-tree-line-color: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent); --navbox-tree-line-width: 2px; --navbox-tree-indent: 1em; --navbox-tree-line-indent: 0.5em; --navbox-tree-line-spacing: var(--navbox-gap); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */ } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ /** vars for the "pill" style only (`.pill` and ".pill-mobile" clases) **/ --navbox-pill-gap: 0.3em; --navbox-pill-padding: 0.25em 0.75em; --navbox-pill-border-radius: 3px; --navbox-pill-box-shadow: none; --navbox-pill-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent); --navbox-pill-box-shadow--hover: inset 0 0 3px var(--navbox-list-color); --navbox-pill-background--hover: var(--navbox-pill-background); --navbox-pill-selflink-background: color-mix(in srgb, var(--wiki-accent-color) 15%, transparent);/* background of pills with selflink in them */ /* remove list cell background */ --navbox-list-background: none; --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 3%, transparent); } .ranger-navbox.no-underline-title-links{ --navbox-title-link-color: var(--wiki-accent-link-color); --navbox-title-link-decoration: none; --navbox-title-redlink-decoration: none; } .ranger-navbox.noborder, .ranger-navbox.no-border{ --navbox-padding: 0px; --navbox-outer-border-width: 0px; } /****************************** * Fallback for older browsers * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .ranger-navbox { --navbox-above-background: var(--wiki-content-background-color--secondary); --navbox-list-background: transparent; --navbox-list-background--striped: var(--wiki-content-background-color--secondary); --navbox-group-background: var(--wiki-content-background-color--secondary); --navbox-tree-line-color: var(--wiki-content-background-color--secondary); } .ranger-navbox.pill, .ranger-navbox.pill-mobile { --navbox-pill-background: var(--wiki-content-background-color--secondary); --navbox-list-background--striped: transparent; --navbox-pill-selflink-background: var(--wiki-content-background-color--secondary); } } /*************** * End fallback * ****************/ 0f49887270380cdac6968f16cfc75a115818c39a 8 271 295 2025-07-23T00:09:22Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": false, "default": false, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [ "Pages with spoilers" ], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.css" ], "dependencies": [], "type": "styles" } } 427adff0005c5bf986f2bca5bf83943f65359867 8 272 296 2025-07-23T00:09:22Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [], "rights": [ "editprotected" ] }, "module": { "pages": [ "main.css", "main.js" ], "dependencies": [ "jquery", "mediawiki.util" ], "type": "general" } } 896c95a05c8010f4e27f4ae9b4ceff0ac857e576 8 273 297 2025-07-23T00:09:23Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "appearance", "package": true, "default": false, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.css", "main.js" ], "dependencies": [ "jquery" ], "type": "general" } } d67dc8fabaf4e1d275a3b17c42f3d707f00b707c 8 274 298 2025-07-23T00:09:23Z ARTIFICER 564804 Importing default loadout javascript text/javascript $(function(){ // CONFIG section, you can edit this part // a list of sections that should be collapsed by default for *all users*. // This should be the name of the heading as listed in Mediawiki:Sidebar and is case-sensitive. // For example, if you have '* Character_Classes' and you want that section collapsed, add 'Character_Classes' into the brackets below. // Separate entries with commas and use underscores instead of spaces. // Example list: ['Character_Classes', 'Items', 'External_Links'] // Please DO NOT add navigation or tb into this list, as they are expected functionality. var INITIALLY_COLLAPSED_IDS = []; var MIN_ACTIVATION_WIDTH = 721; //END CONFIG // add the p- onto ids for ease of use, if not present INITIALLY_COLLAPSED_IDS.forEach(function(id, index){ if(!id.startsWith('p-')){ INITIALLY_COLLAPSED_IDS[index] = 'p-' + id; } }); var $portals = $("#mw-panel .vector-menu-portal"); var setup = function(){ $portals.each(function(index, el){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(el); var $id = $el.attr("id"); if(!$id){ return; } // check if this portal should be collapsed if( // portal is set to be initially collapsed and user has not indicated that they want it open (INITIALLY_COLLAPSED_IDS.includes($id) && localStorage.getItem('sidebar_c_'+$id) != "n") || // or // user has indicated they want this portal collapsed (localStorage.getItem('sidebar_c_'+$id) === "y") ){ $el.addClass('collapsed').find('.vector-menu-content').slideUp(0); } }); } setup(); $(window).on('resize', setup); $portals.on("click", "h3", function(event){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(this).parent(); var $id = $el.attr("id"); if(!$id){ return; } $el.toggleClass('collapsed'); if($el.hasClass('collapsed')){ // more consistent between class and slide status. localStorage.setItem('sidebar_c_'+$id, "y"); $el.find('.vector-menu-content').slideUp('fast'); } else{ localStorage.setItem('sidebar_c_'+$id, "n"); $el.find('.vector-menu-content').slideDown('fast'); } }); }); 63d4425138f9c81e8294fbd01a08de9e1f58256a 8 275 299 2025-07-23T00:09:24Z ARTIFICER 564804 Importing default loadout css text/css @media screen and (min-width: 721px) { .client-js #mw-panel .portal:not(#p-ext-discordwidget) .vector-menu-heading { cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: all 0.2s; } .client-js #mw-panel .portal:not(#p-ext-discordwidget) .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 1em; height: 1em; margin-top: 1px; /* offset */ --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-sidebar-heading-color, var(--wiki-sidebar-link-color)); transform: rotate(180deg); } .client-js #mw-panel .portal:not(#p-ext-discordwidget).collapsed .vector-menu-heading::after { transform: rotate(0deg); } .client-js #mw-panel .vector-menu-portal.collapsed .vector-menu-heading { margin-bottom: 0; } } 5ab6f9e9146615a8038e81b9990004fdb06e00c0 8 276 300 2025-07-23T00:09:24Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [ -1 ], "contentModels": [], "rights": [ "edit", "upload" ] }, "module": { "pages": [ "main.js" ], "dependencies": [ "jquery", "mediawiki.util" ], "type": "general" } } 13bc1e984c367575a7b4f4ac29d2cf75b4f01c6c 8 277 301 2025-07-23T00:09:25Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [], "rights": [ "edit" ] }, "module": { "pages": [ "main.js" ], "dependencies": [ "mediawiki.util", "mediawiki.api" ], "type": "general" } } af2694fd57147735a6bfbca7f9d483ff0dff31c6 8 278 302 2025-07-23T00:09:25Z ARTIFICER 564804 Importing default loadout css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ 769d3248cef93d2b58dcf7339da923494f5173f8 8 279 303 2025-07-23T00:09:25Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": true, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [], "contentModels": [], "rights": [], "skins": [ "vector" ] }, "module": { "pages": [ "main.js" ], "dependencies": [], "type": "general" } } f26fca963d213febee869477a05933a6fedfc542 8 280 304 2025-07-23T00:09:26Z ARTIFICER 564804 Importing default loadout javascript text/javascript /*** Mobile navigation toggle button ***/ ( function () { const BUTTON_CLASS = 'mobile-nav-toggle'; const EXPANDED_CLASS = 'nav--expanded'; if (document.querySelector('button.' + BUTTON_CLASS)){return;} // early return to avoid double button if this runs twice let mobileSidebarButton = document.createElement( 'button' ); let sidebar = document.getElementById( 'mw-panel' ); mobileSidebarButton.className = BUTTON_CLASS; mobileSidebarButton.addEventListener( 'click', function () { mobileSidebarButton.classList.toggle( EXPANDED_CLASS ); sidebar.classList.toggle( EXPANDED_CLASS ); } ); sidebar.prepend( mobileSidebarButton ); document.body.classList.add( 'has-vector-mobile-menu' ); } )(); /*** End mobile navigation toggle button ***/ /*** #mw-head collapsing fix ***/ /*** IMPORTANT: Do not copy this code if your wiki is not updated to default loadout 2.0 (May 22, 2025) or later, or your navigation tabs will break ***/ mw.loader.using('skins.vector.legacy.js', function() { $.collapsibleTabs.calculateTabDistance = function(){ return parseInt(window.getComputedStyle(document.getElementById( 'right-navigation' ), '::before').width ) - 1; } }); /*** END #mw-head collapsing fix ***/ cb209a13dfc674d9ad471ec79784c4d65ad785f1 8 281 305 2025-07-23T00:09:26Z ARTIFICER 564804 Importing default loadout GadgetDefinition application/json { "settings": { "section": "", "package": true, "default": true, "hidden": false, "supportsUrlLoad": false }, "loadConditions": { "actions": [], "categories": [], "namespaces": [ -1, 2, 3 ], "contentModels": [], "rights": [] }, "module": { "pages": [ "main.js", "main.css" ], "dependencies": [ "mediawiki.interface.helpers.styles", "mediawiki.util", "mediawiki.api", "jquery" ], "type": "general" } } e9c76b459199205abae5373548f6ff36e83fefcc 6 282 306 2025-07-23T01:48:19Z DivineGoddess 619222 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 307 306 2025-07-23T01:48:47Z DivineGoddess 619222 Protected "[[File:Site-favicon.ico]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 312 307 2025-07-23T22:55:54Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Wiki skin images]] == Licensing == {{License|game}} a7e095b489bb7a884316654aa31651775961918f 2 284 310 2025-07-23T01:51:07Z DivineGoddess 619222 Created page with "<div style="display:inline-block;height:40px;width:360px;background-image: linear-gradient(-135deg, #ffb959 5%, #ff731f 26%, #fa1f23 60%, #ae1f59 79%, #7f1f7c 99%);cursor:default;position:relative;">[[User:DivineGoddess|<span style="cursor:default;position:absolute;height:100%;width:100%;top:0;left:0;z-index:1;"></span>]]</div>" wikitext text/x-wiki <div style="display:inline-block;height:40px;width:360px;background-image: linear-gradient(-135deg, #ffb959 5%, #ff731f 26%, #fa1f23 60%, #ae1f59 79%, #7f1f7c 99%);cursor:default;position:relative;">[[User:DivineGoddess|<span style="cursor:default;position:absolute;height:100%;width:100%;top:0;left:0;z-index:1;"></span>]]</div> 27afa35ff1f010b0f075173525a72d469df8c431 4 285 311 2025-07-23T02:19:48Z DivineGoddess 619222 Created page with "to-do list * [[:Category:Notice templates]] should have their icons replaced once game assets become available" wikitext text/x-wiki to-do list * [[:Category:Notice templates]] should have their icons replaced once game assets become available c1d1e6349de8326d1c087f00088601c0eef38bc7 6 287 315 2025-07-23T23:04:18Z DivineGoddess 619222 [[Category:Promotional images]] [[Category:Wiki skin images]] wikitext text/x-wiki == Summary == [[Category:Promotional images]] [[Category:Wiki skin images]] == Licensing == {{License|game}} 59c109a8baaf12edde9475123a63d38d8960a478 8 234 316 258 2025-07-24T00:48:20Z Mr Pie 5 2833 Added Imaki font css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(filepath://Site-background.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 6d745466e730c4f54a66459e6dc7a0fd53c381fd 317 316 2025-07-25T18:37:34Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(filepath://Site-background.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 3545aab52dfdd71672abe2e9b2c00a9aff53b5fe 318 317 2025-07-25T18:40:06Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(filepath://Site-background.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: none; /* Satomi changed */ --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 9012f797333f95bc39f8ff4b8839e79dc33133b3 319 318 2025-07-25T18:47:44Z DivineGoddess 619222 Reverted edits by [[Special:Contributions/DivineGoddess|DivineGoddess]] ([[User talk:DivineGoddess|talk]]) to last revision by [[User:Mr Pie 5|Mr Pie 5]] css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(filepath://Site-background.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #202020; --wiki-content-background-opacity: 90%; --wiki-content-border-color: #991A51; --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 6d745466e730c4f54a66459e6dc7a0fd53c381fd 360 319 2025-07-25T23:04:33Z DivineGoddess 619222 Undo revision [[Special:Diff/319|319]] by [[Special:Contributions/DivineGoddess|DivineGoddess]] ([[User talk:DivineGoddess|talk]]) css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(filepath://Site-background.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: none; /* Satomi changed */ --wiki-content-link-color: #6d8afb; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #ff4d9d; --wiki-accent-label-color: #000; --wiki-accent-link-color: #1e1e43; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 9012f797333f95bc39f8ff4b8839e79dc33133b3 361 360 2025-07-25T23:11:24Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(filepath://Site-background.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: none; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 3986634340334822d1d6d20617e8ebd53190d430 363 361 2025-07-25T23:40:21Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: none; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 96c3f08e06c9ac1386211af2a8d59b325ed96cff 364 363 2025-07-25T23:43:11Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #dbc87b; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 3d4dd7eb3392be4aee57113a967ff1b6d99a0472 366 364 2025-07-25T23:47:35Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #afa186; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 698f6702621badebe0b5599bee969c6e62d0e783 367 366 2025-07-25T23:55:37Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #afa186; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 1; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 746f6a7c934b925a808d0247787683e5125a7fe3 368 367 2025-07-25T23:59:29Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #afa186; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 698f6702621badebe0b5599bee969c6e62d0e783 369 368 2025-07-26T00:17:43Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: 'Linux Libertine', 'Georgia', 'Times', serif; --wiki-sidebar-heading-font-family: sans-serif; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #afa186; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ aad6fa18e4d4788197fa8f6d63932b4ee517e6eb 370 369 2025-07-26T00:19:11Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 0px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #afa186; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ e8be0a10a75c91eddd2791d7669102788fd46d91 371 370 2025-07-26T00:19:57Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 5px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #141b21; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #283a46; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #afa186; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 77407647fdd92ce18d048bbafa4728f91d4987d6 10 289 321 2025-07-25T21:29:11Z DivineGoddess 619222 Created page with "<includeonly>{{#invoke:Infobox|main |kind= |sep=;; |image= |sections=Skill Info;; Description;; Data |title_nolabel=yes |Skill Info=Image;; Name |Image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Name_label={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude>" wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind= |sep=;; |image= |sections=Skill Info;; Description;; Data |title_nolabel=yes |Skill Info=Image;; Name |Image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Name_label={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 2c52c09023ab1299c883002d2cdce2f48f8c86ba 326 321 2025-07-25T21:35:44Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind= |sep=;; |image= |sections=Skill Info;; Description;; Data |title_nolabel=yes |Skill Info=Image;; Name |Image_nolabel=yes |Image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Name_label={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> d4ae2aa49c25de759f1e2421e00b5df1ebfd863b 327 326 2025-07-25T21:36:55Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind= |sep=;; |sections=Skill Info;; Description;; Data |Skill Info=Image;; Name |Image_nolabel=yes |Image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |Name_label={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> faa3af860b50ec43a83ae7e54c00305b1e96dec1 328 327 2025-07-25T21:37:37Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind= |sep=;; |sections=Skill Info;; Description;; Data |Skill Info=Image;; Name |Image_nolabel=yes |Image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |Name_label={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 27387a5e0a3e6682c88e74dfcbd7c7dff467e520 330 328 2025-07-25T21:38:51Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind= |sep=;; |sections=Skill Info;; Description;; Data |Skill Info=Image;; Name |Image_nolabel=yes |Image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |Name_label={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> fc3878508e397feef5d3e4fc774a994cafa2825c 333 330 2025-07-25T21:40:22Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind= |sep=;; |sections=Skill Info;; Description;; Data |Skill Info=Image;; Name |Image_nolabel=yes |Image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 168173664733d47116fadd6cd8093541968e97ac 335 333 2025-07-25T21:41:57Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind= |title=Skill Info |image= |sep=;; |sections=Top;; Description;; Data |Top=Image;; Name |Top_nolabel=yes |Image_nolabel=yes |Image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 0236c04cd9c888fbe958f019fcacc1f5c06013b8 336 335 2025-07-25T21:42:56Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind= |title=Skill Info |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data |Name_isdata=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 3bbd6474c4344a7d211a4517f5d2b624792c25fd 338 336 2025-07-25T21:44:45Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind= |title=Skill Info |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> d23b8f290e0b1e582977739b25fa160886e70683 345 338 2025-07-25T21:59:53Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-skill |title=Skill Info |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type;; Cost |Data_nolabel=yes |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 43b3fc27c70f08095dc8cd524699f15aaf9ef232 6 291 323 2025-07-25T21:34:44Z DivineGoddess 619222 [[Category:Skill images]] wikitext text/x-wiki == Summary == [[Category:Skill images]] 359be5338767865df15b4fd0d9955ee241b84a9e 10 292 343 2025-07-25T21:56:30Z DivineGoddess 619222 Created page with "<span style=color:#67fe8b;>{{{1}}}</span>" wikitext text/x-wiki <span style=color:#67fe8b;>{{{1}}}</span> de4936dc04ab841c187cbf59c7352f5d0e592daf 10 293 346 2025-07-25T22:16:12Z DivineGoddess 619222 Created page with "<includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Berserker={..." wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}</includeonly><noinclude>{{documentation}}</noinclude> 2c27392580ddbec573fd32abd1a63df9ea4b9371 347 346 2025-07-25T22:17:30Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{Name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}</includeonly><noinclude>{{documentation}}</noinclude> ca94f9581676d6aef6aa8c9fc81d9880f4f33ea4 350 347 2025-07-25T22:22:43Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}</includeonly><noinclude>{{documentation}}</noinclude> 2c27392580ddbec573fd32abd1a63df9ea4b9371 354 350 2025-07-25T22:32:45Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_collapsible=yes |Enchantments_collapsed=yes |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}</includeonly><noinclude>{{documentation}}</noinclude> c794625ca92c3576827024398d2e73f1f1d23064 355 354 2025-07-25T22:35:17Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_collapsible=yes |Enchantments_collapsed=yes |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 7516c377b4ca22724bb23d5ab60ed64c11023bcf 359 355 2025-07-25T22:43:44Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_collapsible=yes |Enchantments_collapsed=no |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 640bf7323cb915671bd602531b2f7a8177ea5c03 0 294 348 2025-07-25T22:20:49Z DivineGoddess 619222 Created page with "{{Infobox character test |Name=asdf |image=Title-bg.jpg |Description=[[Juno]] is a [[Example character]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }}" wikitext text/x-wiki {{Infobox character test |Name=asdf |image=Title-bg.jpg |Description=[[Juno]] is a [[Example character]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} aa748b59191c2539b911122e0f756fa57de26190 349 348 2025-07-25T22:21:58Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |Name= |image=Title-bg.jpg |Description=[[Juno]] is a [[Example character]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} b0d7c49a58ce8e7a589f017e47896a52d7b3a0ea 351 349 2025-07-25T22:22:48Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |name= |image=Title-bg.jpg |Description=[[Juno]] is a [[Example character]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} 7c7cc8583d58eaf4284780632af84b613bed7bdc 352 351 2025-07-25T22:23:00Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |name=asdffd |image=Title-bg.jpg |Description=[[Juno]] is a [[Example character]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} 491fee195efbdbd33cdeaeb6bbf097194e9322d3 353 352 2025-07-25T22:26:37Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=Title-bg.jpg |Description=[[Juno]] is a [[Example character]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} cee8d55f1517be7aa58e53b6bc4b4d26d1b4b1ed 356 353 2025-07-25T22:35:52Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=Title-bg.jpg |Description=[[Juno]] is a [[Example character]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno]] is the character. This is a [[red link]]. [[Category:Red link]] a3cc6c145b71e88b7270d1fdc80c6ad96d9dd759 358 356 2025-07-25T22:39:31Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=Title-bg.jpg |Description=[[Juno]] is a [[Example character]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Red link]] 30c61ee6adbd33cab93c324c900f8cb887dd5602 362 358 2025-07-25T23:16:47Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=Title-bg.jpg |Description=[[Juno]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Red link]] f4b9bebaff24b69ed1cf70ce972e82a14a81b7dd 365 362 2025-07-25T23:46:21Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=Title-bg.jpg |Description=[[Juno]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. === SUbsection === Yep it's one of these. And while we're at it, ==== 4 equalses ==== asdfsda ===== at this point it's ririducla us ===== sadffd == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Red link]] 0735c5c19fb717b015fa8d00407c13b25b3ec66a 14 295 357 2025-07-25T22:39:00Z DivineGoddess 619222 Created page with "Characters from [[Alabaster Dawn]]." wikitext text/x-wiki Characters from [[Alabaster Dawn]]. e346535f462c5b6ce82e924b70bc677d7cff2ec9 0 294 372 365 2025-07-26T00:22:34Z DivineGoddess 619222 DivineGoddess renamed page [[Juno]] to [[Juno o' Lira]] wikitext text/x-wiki {{Infobox character test |image=Title-bg.jpg |Description=[[Juno]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. === SUbsection === Yep it's one of these. And while we're at it, ==== 4 equalses ==== asdfsda ===== at this point it's ririducla us ===== sadffd == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Red link]] 0735c5c19fb717b015fa8d00407c13b25b3ec66a 374 372 2025-07-26T00:23:10Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=Title-bg.jpg |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. === SUbsection === Yep it's one of these. And while we're at it, ==== 4 equalses ==== asdfsda ===== at this point it's ririducla us ===== sadffd == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Red link]] 8e2f7af887b698de8b301b4c38f6ee6f4fa06402 378 374 2025-07-26T00:31:29Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. === SUbsection === Yep it's one of these. And while we're at it, ==== 4 equalses ==== asdfsda ===== at this point it's ririducla us ===== sadffd == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Red link]] 5482fecfc8ee2e2b6d8291c208872a6111f5e489 401 378 2025-07-26T02:00:02Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. === SUbsection === Yep it's one of these. And while we're at it, ==== 4 equalses ==== asdfsda ===== at this point it's ririducla us ===== sadffd == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] [[Category:Red link]] 41c49f5c1019160add2973dd4ef6d962f93196d9 407 401 2025-07-26T02:32:04Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. === SUbsection === Yep it's one of these. And while we're at it, ==== 4 equalses ==== asdfsda ===== at this point it's ririducla us ===== sadffd == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] {{maximalist navbox}} [[Category:Red link]] 0859cb450e80539cc212f2364595dac3be910717 0 296 373 2025-07-26T00:22:35Z DivineGoddess 619222 DivineGoddess renamed page [[Juno]] to [[Juno o' Lira]] wikitext text/x-wiki #REDIRECT [[Juno o' Lira]] 556925c89b2d799ee97340b6fdcb9f54a3faebaf 6 297 375 2025-07-26T00:27:34Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Juno]] == Licensing == {{License|game}} 8a2727db2c2bf564b52e18ebe1fd53a46fd3a2eb 6 298 376 2025-07-26T00:27:34Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Juno]] == Licensing == {{License|game}} 8a2727db2c2bf564b52e18ebe1fd53a46fd3a2eb 6 287 377 315 2025-07-26T00:29:28Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Juno]] [[Category:Promotional images]] [[Category:Wiki skin images]] == Licensing == {{License|game}} b733ef71d0d03df39ada3991ef2268e07bb8b847 10 293 379 359 2025-07-26T00:32:11Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}216px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_collapsible=yes |Enchantments_collapsed=no |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 259c9c826c3ef0e296dda92c13014210a9af5592 8 234 380 371 2025-07-26T00:48:00Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 0px; --wiki-sidebar-border-radius: 5px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #544944; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #3f3e3a; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 4dd8168d2a870202d1890233eb2b0a6391b61d36 381 380 2025-07-26T00:50:04Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #544944; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #ffe631; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #1b1c20; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(99%) sepia(45%) saturate(4042%) hue-rotate(327deg) brightness(106%) contrast(104%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 0a937405825922de339cb42d79f71df7b164759c 382 381 2025-07-26T00:52:57Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #544944; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #1b1c20; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ d67aca7a4dfad216082a98bc9357b1ffd665e7b1 383 382 2025-07-26T00:54:07Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #3f3e3a; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ daaaf3de8292e5d2fe2aa116cf4511cdcb974254 384 383 2025-07-26T00:55:33Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ b391d137059626b0cb0acac6115fa9f5059e0b61 385 384 2025-07-26T01:04:42Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Roboto Flex", sans-serif; --wiki-sidebar-heading-font-family: "Roboto Flex", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 8b29f50e436f8361f2c8fb5ec82b29b7b20f7961 386 385 2025-07-26T01:08:38Z DivineGoddess 619222 Undo revision [[Special:Diff/385|385]] by [[Special:Contributions/DivineGoddess|DivineGoddess]] ([[User talk:DivineGoddess|talk]]) css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: unset; --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ b391d137059626b0cb0acac6115fa9f5059e0b61 387 386 2025-07-26T01:10:10Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 100%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #3366cc; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 64fcd09b1c0850d398bfe5095f2b178f1c849f82 388 387 2025-07-26T01:11:45Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 50%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 96c13bc444955153d532f92d68d23fc5260a34fe 389 388 2025-07-26T01:12:01Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 80%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ cd4217aca4b66ab8f861631eb549ff8e49753afd 390 389 2025-07-26T01:12:21Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #a7d7f9; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #D5FB51; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 3cf2c2fdbd020b6f7a23cab2002d2fc05901a15d 391 390 2025-07-26T01:17:52Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #66c3cf; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(68%) sepia(41%) saturate(423%) hue-rotate(139deg) brightness(96%) contrast(90%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 9de0b156e207a88575e3cfee0dc39ff07f1e3343 392 391 2025-07-26T01:21:30Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #354a61; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(25%) sepia(48%) saturate(449%) hue-rotate(171deg) brightness(86%) contrast(85%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 6b73021b64225eaf0cfb3bee2b282ca91be8e5ac 393 392 2025-07-26T01:24:13Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #19aabd; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(61%) sepia(28%) saturate(5427%) hue-rotate(147deg) brightness(93%) contrast(80%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ f126c015ec3794b1001297a783f95131a2c16584 394 393 2025-07-26T01:25:50Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #138291; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(37%) sepia(48%) saturate(681%) hue-rotate(139deg) brightness(102%) contrast(98%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 958bbe85f25908ee30354a01e4a05c3e35fc4c6f 395 394 2025-07-26T01:28:54Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "Imaki"; --wiki-sidebar-heading-font-family: "Imaki"; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #5faa5b; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(76%) sepia(13%) saturate(1803%) hue-rotate(68deg) brightness(80%) contrast(71%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ ab38acd6680bc237e8d92e034c567a99a346be7f 396 395 2025-07-26T01:34:54Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #5faa5b; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(76%) sepia(13%) saturate(1803%) hue-rotate(68deg) brightness(80%) contrast(71%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 4b3ea55d793fe792041965b96252529dc82a48c4 397 396 2025-07-26T01:55:33Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #594c47; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(30%) sepia(14%) saturate(484%) hue-rotate(331deg) brightness(92%) contrast(89%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ edc5007f640e40b24386bf0fd332f00aeb5030d5 398 397 2025-07-26T01:56:36Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #0645ad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(30%) sepia(14%) saturate(484%) hue-rotate(331deg) brightness(92%) contrast(89%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 6c9fc8eeccb24f1dac413140cb94c159b7c36fc7 399 398 2025-07-26T01:58:09Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #069fad; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(45%) sepia(99%) saturate(2254%) hue-rotate(153deg) brightness(91%) contrast(95%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ e8d948b947a4c482802affb09b231f48af1cd299 400 399 2025-07-26T01:59:24Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #05838e; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #66c3cf; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(37%) sepia(51%) saturate(703%) hue-rotate(136deg) brightness(101%) contrast(102%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 2e62f618367e22dd1dba3e7d0bdc571e331c505e 402 400 2025-07-26T02:08:36Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #05838e; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #2a7b85; --wiki-accent-label-color: #354a61; --wiki-accent-link-color: #f0ce82; --wiki-icon-to-link-filter: invert(37%) sepia(51%) saturate(703%) hue-rotate(136deg) brightness(101%) contrast(102%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ f8c9c547dfc9ee540a2b58dbbefbf10db8dced40 403 402 2025-07-26T02:10:02Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #05838e; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(37%) sepia(51%) saturate(703%) hue-rotate(136deg) brightness(101%) contrast(102%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ c1dd562ef9788928c24a851c28ffcfd4d51e7542 405 403 2025-07-26T02:23:34Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 3104f21b008242de7c0bf504410282e7a16ee079 411 405 2025-07-26T02:43:27Z DivineGoddess 619222 EVERYTHING IS GOOD css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ cb53103267dbe23b90319fcce702aec662a47618 412 411 2025-07-26T02:44:47Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 7165a4e44cfc8a2bdf3f33b3f5e73981e0927927 413 412 2025-07-26T02:58:32Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ b94f5265eb2ff6c97f30e2d93323e8125d3a68c7 414 413 2025-07-26T02:59:30Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 0px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ e45f4d656931dba2667005c45e30bc1b2b7cf794 415 414 2025-07-26T03:06:02Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: blur(10px); --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 025e615221acfde91bd09d97416cd5ecfc46dabd 416 415 2025-07-26T03:06:23Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 80%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: blur(10px); --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 5f4976d758adf49f045068de3802607ac4b31c21 417 416 2025-07-26T03:06:48Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 80%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 275a3fe6e361144eebacd35d7989b58a26434fd5 418 417 2025-07-26T03:08:37Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 80%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: blur(5px); --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 246de139388b9c845e986ff7da9e2d3c94a33d11 419 418 2025-07-26T03:09:20Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 80%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: blur(2px); --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ eb482dd6453873ea7ac893bf7f3069fdf7a29c14 420 419 2025-07-26T03:09:40Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 80%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: blur(0px); --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ a669e9b5969d8988d0d53da22b4de16096f36d29 421 420 2025-07-26T03:10:53Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 80%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 275a3fe6e361144eebacd35d7989b58a26434fd5 422 421 2025-07-26T03:12:35Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ fe3b0f3281af63ec815cb6c446bf5de22935cf01 10 300 406 2025-07-26T02:31:43Z DivineGoddess 619222 Created page with "{{Navbox | title = Items | striped = even | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * Health Potion * Large Health Potion * Elixir of Healing | group1.2 = Mana | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = collapsed | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | gro..." wikitext text/x-wiki {{Navbox | title = Items | striped = even | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * Health Potion * Large Health Potion * Elixir of Healing | group1.2 = Mana | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = collapsed | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | list5 = * Basic Staff * Wizard's Staff | header6 = Accessories | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 8c90d5e2ba33c9a91449546396b8b1fafe4f7714 408 406 2025-07-26T02:32:44Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing | group1.2 = Mana | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = collapsed | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | list5 = * Basic Staff * Wizard's Staff | header6 = Accessories | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 2f10b207f47d842b4dc68d4dc386b1d52516ea2d 409 408 2025-07-26T02:39:07Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing | group1.2 = Mana | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = Accessories | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 3d9c523234c25efe7781b3cbe9d589381dc07be3 410 409 2025-07-26T02:39:23Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | state = off | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing | group1.2 = Mana | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = Accessories | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> eff02d0ff6fa3e12f1c41398c10f2edc4ca9aee4 8 234 423 422 2025-07-26T03:22:50Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 1ce482e6387ec9d49e72346066e4f599c13a2033 424 423 2025-07-26T03:23:56Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings: * --wiki-navigation-background-image: none; * --wiki-navigation-selected-background-image: none; * --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); * --wiki-navigation-selected-border-bottom-background: none; * --wiki-navigation-tab-spacing: 0.25em; * --wiki-navigation-tab-padding-top: 0.5em; * --wiki-navigation-tab-padding-bottom: 0.5em; */ --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 0c937ad75e7ddf39986a117cf9cb9c1007536547 425 424 2025-07-26T03:26:21Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.25em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; --wiki-navigation-tab-spacing: -1px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap */ --wiki-navigation-tab-padding-top: 1.25em; --wiki-navigation-tab-padding-x: 0.75em; --wiki-navigation-tab-padding-bottom: 4px; --wiki-navigation-selected-border-width: 0px; /* border width of selected tabs */ --wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */ --wiki-navigation-border-image: none; --wiki-navigation-selected-border-image: var(--wiki-navigation-border-image); --wiki-navigation-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to top,var(--wiki-navigation-background-color) 0,var(--wiki-navigation-selected-background-color) 100%); --wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x; --wiki-navigation-background-position: left bottom, right bottom, left bottom; --wiki-navigation-background-size: 1px 100%, 1px 100%, 100%; --wiki-navigation-selected-background-image: linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%), linear-gradient(to bottom,transparent 0,var(--wiki-content-border-color) 100%); --wiki-navigation-selected-background-repeat: no-repeat, no-repeat; --wiki-navigation-selected-background-position: left bottom, right bottom; --wiki-navigation-selected-background-size: 1px 100%, 1px 100%; --wiki-navigation-selected-border-bottom-background: linear-gradient(to right, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px), linear-gradient(to left, var(--wiki-content-border-color) 0, var(--wiki-content-border-color) 1px, transparent 1px); /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ b6f00b83a5b277c69878f7c823797bb0412e7c25 426 425 2025-07-26T03:28:30Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.25em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 0px; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 152ff55c83d15da24331afe3c297d61ff77eb6c2 427 426 2025-07-26T03:31:51Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 86c9af2b55f9b1e5a4ecb6794ad7d01c34720258 428 427 2025-07-26T03:34:19Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: -0.5em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 1452b06d90f5cfde44ae4d8ece6a5827aba75fb4 429 428 2025-07-26T03:34:50Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ de5208068772dad8f5ebd02b7268a3d590e88dd5 430 429 2025-07-26T03:35:57Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: -0.5em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 85f120add8d34c7ee36195474c0927c745cb018c 431 430 2025-07-26T03:36:27Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: -1em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 520433716cc023bd90a8613a44fefd6e07f9f495 432 431 2025-07-26T03:36:57Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: normal; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ de5208068772dad8f5ebd02b7268a3d590e88dd5 433 432 2025-07-26T03:47:31Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 1.8em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ c50e67964f86354d855985de6ef3935460041e89 434 433 2025-07-26T03:51:43Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 0px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 98a9068ff7626d1456582d6aaac59555bb3c0188 435 434 2025-07-26T03:55:14Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 0px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ a044bd5199430c544296fe5e11dbc8a384948a27 436 435 2025-07-26T03:56:49Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 53226bbbac61b7f57afa1f7ad22935b92d83bf23 437 436 2025-07-26T03:57:18Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.5rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ eddc9f2b29e2e9d329eebd71c39d7ef3954e601d 438 437 2025-07-26T03:57:33Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ ce76ba0f6cde6baf9413dbdcb9feecea5968784a 8 253 439 277 2025-07-28T18:09:56Z DivineGoddess 619222 css text/css /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ /* Light and dark are separated to make it easier for you to do local customizations but in the default version they are identical */ :root, .view-light .druid-container { --druid-background-color: #4e4948; --druid-secondary-background-color: #3b3937; --druid-secondary-background-label-color: #3b3937; --druid-tertiary-background-color: #3b3937; --druid-border-color: #c0b88a; --druid-link-color: #f5e743; --druid-link-label-color: #9c9997; } .view-dark .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } 70cf6cd07db8bdc83c1942e8db57dc83fe306059 467 439 2025-07-28T19:50:19Z DivineGoddess 619222 Reverted edit by [[Special:Contributions/DivineGoddess|DivineGoddess]] ([[User talk:DivineGoddess|talk]]) to last revision by [[User:ARTIFICER|ARTIFICER]] css text/css /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ /* Light and dark are separated to make it easier for you to do local customizations but in the default version they are identical */ :root, .view-light .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } .view-dark .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } 8cf88860d6782aac5b9b65a990d7eddfd5c5c3f2 10 293 440 379 2025-07-28T18:13:02Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_collapsible=yes |Enchantments_collapsed=no |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> c1dde97c63ab71ab247676e476ccfe9ea046be88 469 440 2025-07-28T19:56:57Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_collapsible=yes |Enchantments_collapsed=yes |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> e9dbcd2692a229a90e407b072e2763344b1e1286 470 469 2025-07-28T19:57:13Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Status;; Enchantments |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 525f42a59a356bea9ac9d87d36b0d460a6a83ee5 8 254 441 278 2025-07-28T19:03:50Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } 85ee7d9d8af691d0720a51d1bb83597f42a7081a 442 441 2025-07-28T19:15:48Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-image: var(--ala-border-inner-gradient); box-shadow: 0 0 0 3px var(--ala-border-outer); border-radius: 7px; background: var(--ala-bg); } 11c86250fdab5f9c78d056d6e2b69ea901d6d011 443 442 2025-07-28T19:18:35Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-image: linear-gradient(#c5bd81, #7a756c, #c5bd81); box-shadow: 0 0 0 3px var(--ala-border-outer); border-radius: 7px; background: var(--ala-bg); } f93f22ed07d1fe5fa56b321f20565c546639763d 444 443 2025-07-28T19:19:44Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-image: linear-gradient(#c5bd81, #7a756c, #c5bd81); box-shadow: 0 0 0 3px var(--ala-border-outer); border-radius: 7px; background: var(--ala-bg); } dbf124ea8f3ef2ef05e5bb96d166985586877693 445 444 2025-07-28T19:20:10Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-image: linear-gradient(#c5bd81, #7a756c, #c5bd81); /* box-shadow: 0 0 0 3px var(--ala-border-outer); */ border-radius: 7px; background: var(--ala-bg); } 0b9d5846d364bc58dcf4bba077b0c716e71d7692 446 445 2025-07-28T19:20:38Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } 51bb460830776846c7682e4be32d10e410319f9d 447 446 2025-07-28T19:21:00Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; } 70f49b4079c7eb3b39823fc4cf6db1e9efa00224 448 447 2025-07-28T19:21:19Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-image: linear-gradient(#c5bd81, #7a756c, #c5bd81); } 7059a687670f52b9a6580a44eddb48bd54e334a1 449 448 2025-07-28T19:21:59Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-radius: 7px; background: var(--ala-bg); } 66f2d220ffc3951cbec7861490767efab13c6332 450 449 2025-07-28T19:26:51Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-radius: 10px; background: var(--ala-bg); } .druid-container::before { content: ""; position: absolute; inset: 0; border-radius: 50px; padding: 10px; background:linear-gradient(45deg,red,blue); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; } 375e31a851b53cfe6804aa2f6a5c97227a22f2b9 451 450 2025-07-28T19:29:04Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-radius: 10px; background: var(--ala-bg); } .druid-container::before { content: ""; position: absolute; inset: 0; border-radius: 50px; padding: 10px; background:linear-gradient(45deg,red,blue); } 4690a7f977caaa6286595117db56369ea5d8ac5f 452 451 2025-07-28T19:30:13Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-radius: 10px; background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: 0; border-radius: 50px; padding: 10px; background:linear-gradient(45deg,red,blue); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; } 5192e8e60f7d07f2a4a3a837f9a93985c5ff28a2 453 452 2025-07-28T19:32:44Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-radius: 10px; background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: 0; border-radius: 50px; padding: 10px; background:linear-gradient(45deg,red,blue) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; } 60874e11d4055ce36295b5704f6426cb0b06e72d 454 453 2025-07-28T19:33:40Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-radius: 10px; background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: 0; border-radius: 50px; /*1*/ border: 10px solid transparent; /*2*/ background: linear-gradient(45deg,red,blue) border-box; /*3*/ mask: /*4*/ linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; /*5*/ } 5426266136c2fee0becdd92da56821f579e2d7f5 455 454 2025-07-28T19:35:06Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-radius: 10px; background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; border-radius: 50px; /*1*/ border: 10px solid transparent; /*2*/ background: linear-gradient(45deg,red,blue) border-box; /*3*/ mask: /*4*/ linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; /*5*/ } f35fb95113d968b592f474c0e9c389765647e65c 456 455 2025-07-28T19:35:44Z DivineGoddess 619222 Undo revision [[Special:Diff/455|455]] by [[Special:Contributions/DivineGoddess|DivineGoddess]] ([[User talk:DivineGoddess|talk]]) css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-radius: 10px; background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: 0; border-radius: 50px; /*1*/ border: 10px solid transparent; /*2*/ background: linear-gradient(45deg,red,blue) border-box; /*3*/ mask: /*4*/ linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; /*5*/ } 5426266136c2fee0becdd92da56821f579e2d7f5 457 456 2025-07-28T19:36:15Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid red; border-radius: 10px; background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: -10px; border-radius: 50px; /*1*/ border: 10px solid transparent; /*2*/ background: linear-gradient(45deg,red,blue) border-box; /*3*/ mask: /*4*/ linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; /*5*/ } 73f7fd37ad02c2d78dcaebb9b47076c89b0ea3f0 458 457 2025-07-28T19:36:58Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; /*1*/ border: 3px solid transparent; /*2*/ background: linear-gradient(45deg,red,blue) border-box; /*3*/ mask: /*4*/ linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; /*5*/ } c6959ffc05d2edcd9bec09503866d3e4e13db182 459 458 2025-07-28T19:38:05Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; } b68ab64f1937988b63db5f30febd86a278bb2d89 460 459 2025-07-28T19:38:59Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 10px var(--ala-border-outer); background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; } 20781167c82feeebfe72b4dc6e5922e6604df363 461 460 2025-07-28T19:39:17Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.83); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; } 969aefb48aaf22d2ea39efe0dbf9240beed69ce4 462 461 2025-07-28T19:40:06Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.5); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; } fcb3658ae9481150cd728ca4ee7c2cb7918723bf 463 462 2025-07-28T19:40:54Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.2); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; } 22ce1adf9614c953defa6c3258a99c5646eff781 464 463 2025-07-28T19:41:07Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; } f5c4a5126ccaafb68835ddc6bf0c09b2930009b8 465 464 2025-07-28T19:47:41Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: --ala-text; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; } 79a56d77d3cc625616c4784b436921df99f73c5b 466 465 2025-07-28T19:47:52Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; } 2bab7d3a2e2bb934811d6ea7bda789da7c73219a 468 466 2025-07-28T19:52:29Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } 6132cecaefca5cb1dc77fb69271237fde03e8325 471 468 2025-07-28T20:00:12Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-title-gradient); } a32ab64922509795fd638a74df8211fd5ad461be 472 471 2025-07-28T20:00:53Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } 0c0d06fb1d56a4db916cffcf268df3dbbde7fde1 8 254 473 472 2025-07-28T20:01:58Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); color: var(--ala-heading-text); } .druid-infobox .druid-title a { color: var(--ala-heading-text); } cf83539bd19d539bf317ace765c81bb574f68d4a 474 473 2025-07-28T20:02:35Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover { color: var(--ala-heading-text); } 0724be3ee4d3db1a639dd90590e2cdad2880b879 475 474 2025-07-28T20:03:50Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); text-transform: uppercase; } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover { color: var(--ala-heading-text); } 8a6bfe635e0f12dbae420191b0161ae934f75ace 476 475 2025-07-28T20:07:19Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); text-transform: uppercase; font-size: 1em; font-variation-settings: "wdth" 140; } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover { color: var(--ala-heading-text); } ccf0c2efa55ad247b34c0206e0a4a98b81bc1a1b 477 476 2025-07-28T20:07:40Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); text-transform: uppercase; font-size: 1em; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover { color: var(--ala-heading-text); } 1b5e6d72c1c593cd85779b778ec0c03428aff432 478 477 2025-07-28T20:11:43Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; font-size: 1em; font-variation-settings: "wdth" 120; } 81dc78919ce39a029247d663336f8530a5269da7 479 478 2025-07-28T20:12:25Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; font-size: 1em; font-weight: 600; font-variation-settings: "wdth" 120; } 5532d7604bf61b8bbe025ec95a0999ead4c2c531 480 479 2025-07-28T20:12:42Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; font-size: 1em; font-weight: 400; font-variation-settings: "wdth" 120; } 9e89b65234c94588172e191d4be1823e420d6770 481 480 2025-07-28T20:13:11Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; font-size: 1em; font-weight: 400; font-variation-settings: "wdth" 120; } c2e37e3401ef56593298a4595a4f1a213414603d 482 481 2025-07-28T20:13:39Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; font-size: 1em; font-weight: 400; font-variation-settings: "wdth" 120; } 63799510d8bf505315987e33b9143c4863dc3ee7 483 482 2025-07-28T20:13:58Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; font-size: 1em; font-weight: 600; font-variation-settings: "wdth" 120; } 4ea2284e971dce183e08039e44f682d4a1bbfc39 484 483 2025-07-28T20:14:08Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; font-size: 1em; font-weight: 800; font-variation-settings: "wdth" 120; } c79aa85c0c7f5428e277125019b96e5c57346ea0 485 484 2025-07-28T20:14:40Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.1rem; font-size: 1em; font-weight: 800; font-variation-settings: "wdth" 120; } 82a33fee928da38936d9745c9615c2deb5345a59 486 485 2025-07-28T20:14:53Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 1em; font-weight: 800; font-variation-settings: "wdth" 120; } 5ed802372674d4b67d71c7c20717aef1adc18d62 488 486 2025-07-28T20:17:58Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } 2301584a857756695bb3114e2b433e510bddf79d 491 488 2025-07-28T20:35:01Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } 39def0e5e4d58122173124ef9ec502a03d1c38cc 492 491 2025-07-28T20:35:40Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } fa9ab0c3282560d6724318906793de07afb0f614 493 492 2025-07-28T20:37:21Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; } 1f1d3bd7d03eac4efe343c2fdced222a685b8424 494 493 2025-07-28T20:40:40Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; font-weight: 650; font-variation-settings: "XOPQ" 120; } 503ed7822edb804b914b4317b130aebee462dc9b 495 494 2025-07-28T20:41:01Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 130; } 367eba319de1a38d0099ce4044f63a957967d2a6 496 495 2025-07-28T20:41:24Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 150; } adb3dfe6226c08e5596805d498f8ac8ac2c8587f 497 496 2025-07-28T20:41:48Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120; } 8af40d80f8cc6eb6262361706e42491e7f39765a 498 497 2025-07-28T20:43:37Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; } 82d9cf76bd778142e166f80e430c5a3c2e60ba42 499 498 2025-07-28T20:44:26Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; } 2163643a1ba6924ff6699361dbe2b2b210710f95 500 499 2025-07-28T20:45:03Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; } fe929018d493c535e9880a4c676efba8143c5df2 501 500 2025-07-28T20:45:19Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; } 82d9cf76bd778142e166f80e430c5a3c2e60ba42 502 501 2025-07-28T20:46:01Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 2971d53d71b8899ee3879beebdf9c83d9fe201b6 503 502 2025-07-28T20:47:04Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 15877b511765e2b44fc6b132582f1e350f8accf2 504 503 2025-07-28T20:47:16Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background-image: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } aced38d9754c81ac18d67cac4dae647e9f243b1a 505 504 2025-07-28T20:48:30Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row .druid-row-NameData { background-image: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } a5c762e3de230e4696a8fda4ee14e11f94b40416 506 505 2025-07-28T20:48:43Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background-image: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } aced38d9754c81ac18d67cac4dae647e9f243b1a 507 506 2025-07-28T20:50:28Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background-image: var(--ala-bg-title-gradient) !important; text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 2967d25abd5c74efbb9b5698871662bd3e45cc73 508 507 2025-07-28T20:50:54Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: red; text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } c167edb228a918cebddd84e14d682191c7f93701 509 508 2025-07-28T20:51:30Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: linear-gradient(red, blue); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 21da6fe13c12242ab5440a67abf20cf65b99aea0 510 509 2025-07-28T20:51:51Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 60%, --ala-bg 100%); --ala-bg-numerical-gradient: linear-gradient(to right, --ala-bg2, --ala-bg2 80%, --ala-bg 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: linear-gradient(to right, --ala-bg, --ala-bg2 20%, --ala-bg2 80%, --ala-bg 100%); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } fe464ca2720d5e7b2bfecb660fa75e74d972c096 511 510 2025-07-28T20:53:18Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 588a6f28858dc58ae0a914544cc3897ea3a71c93 512 511 2025-07-28T20:54:53Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); margin:1px; text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 03d852389f05fde88e4775edd0eef2b7409f6553 513 512 2025-07-28T20:55:26Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); border-bottom: 2px var(--ala-bg); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 78510ad17704b314ffaf3de752f0af708e983e95 514 513 2025-07-28T20:55:59Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); border-bottom: 2px solid var(--ala-bg); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 42d2d78339fe9b0f38035700f320b6d314932a25 515 514 2025-07-28T20:56:57Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); padding: 0; text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 4b7bfa463fbde9a26b4762d6b3aac2a01f73de4e 516 515 2025-07-28T20:57:31Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { border: none; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); padding: 0; text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 6aae651eb3402f73bf08dca1da9d5b81612b62ec 517 516 2025-07-28T20:58:15Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin:0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); padding: 0; text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 96a70fc48dd772ea82394ce0dab7c2ad032da61d 518 517 2025-07-28T20:59:21Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); padding: 0; text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 4259a2e28a780dbc1983641f7ed982afa703c436 520 518 2025-07-28T21:02:52Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: none; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); padding: 0; text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } e464741f48fc226473531c8da078bb36f765b9d8 521 520 2025-07-28T21:03:25Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } ec99dc6d4d97ffaa40ef09ff4b38abaca12ead54 522 521 2025-07-28T21:04:35Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container a { color: var(--ala-link); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 217f68d5a5143e613dbe6c4f2cf1a05da32734b5 10 293 487 470 2025-07-28T20:16:27Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Status=Life;; Strength;; Armor;; Deflect |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer_class=info-footer |Footer=◆ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> b49ba40eb7c59a7afaf530126fbf04ba4c0ac5b9 489 487 2025-07-28T20:25:55Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Activation_label=Activation: |Type_label=Type: |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer_class=info-footer |Footer=◆ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 52bce333fc3f44a76f6a372f3a0ef971f8bbb608 519 489 2025-07-28T21:02:00Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Activation_label=Activation: |Type_label=Type: |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer_class=info-footer |Footer=◆ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> adf398445b869b3f98e15f773b71c0294d3ff471 0 294 490 407 2025-07-28T20:26:23Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the final infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. === SUbsection === Yep it's one of these. And while we're at it, ==== 4 equalses ==== asdfsda ===== at this point it's ririducla us ===== sadffd == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] {{maximalist navbox}} [[Category:Red link]] 929ac4714417c37db653e99768c46e51bd3f5525 8 254 523 522 2025-07-28T21:05:19Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container > a { color: var(--ala-link); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } b92b35cf62eab5d5b73d244447748c3e651ff8a6 524 523 2025-07-28T21:06:00Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container > div > a { color: var(--ala-link); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 7b815de43c91f72e858deb38c44652713a659d53 525 524 2025-07-28T21:07:20Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > a { color: var(--ala-link); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 03891442452a7a772732d84c459ae5c898000bed 526 525 2025-07-28T21:08:56Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-data a { color: var(--ala-link); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } d8da5c7dd122ec2a0445efd6a4606cedac053883 527 526 2025-07-28T21:09:53Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-info .druid-data a:hover { color: var(--ala-link); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 44a2181e2da18b161e6e0ff5eb7e8b8b41109eb0 528 527 2025-07-28T21:10:37Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-info .druid-data a, .druid-info .druid-data a:hover { color: var(--ala-link); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 55da1bf9f5d6629d978d2f6f9aed7419bfb166b0 529 528 2025-07-28T21:12:52Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-info .druid-data a, .druid-info .druid-data a:hover { color: var(--ala-link) !important; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } eb85908d0cf7efc6fdabb1cabc1def9631584d47 530 529 2025-07-28T21:14:07Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-info .druid-data a, .druid-info .druid-data a:hover { color: yellow !important; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 31e67a64bdb21313d42be2cb5086379a07f14020 531 530 2025-07-28T21:14:37Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-info .druid-data a, .druid-info .druid-data a:hover { color: yellow !important; outline:2px dashed red!important; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 0d89cf45ee232a6a42c628ccfe6bc5edc2cb0e07 532 531 2025-07-28T21:15:24Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-info .druid-data a, .druid-info .druid-data a:hover { color: yellow !important; outline:2px dashed red!important; } 8f47d3187b3568d5693ad936f1403abaef270c13 533 532 2025-07-28T21:16:55Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-info .druid-data a, .druid-info .druid-data a:hover, #druid-container-1 > div:nth-child(4) > div.druid-row.druid-row-DescriptionData > div > a:nth-child(2) { color: yellow !important; outline:2px dashed red!important; } e1a71c1fa62ba5f044cd56a400f9c68ff13c8602 534 533 2025-07-28T21:17:43Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-info .druid-data a, .druid-info .druid-data a:hover, .druid-infobox > div > div > div > a { color: yellow !important; outline:2px dashed red!important; } bf07b3a4f8d1c6fc322d608411e2f38617445f9e 535 534 2025-07-28T21:18:38Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-infobox > div > a { color: yellow !important; outline:2px dashed red!important; } 2a382be61862851c16d0059bcdaffd15d6b0d911 536 535 2025-07-28T21:18:49Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-infobox > div > div > a { color: yellow !important; outline:2px dashed red!important; } 3b644b9a562d2e0d2949f834b70396919346d28c 537 536 2025-07-28T21:19:01Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-infobox > div > div > div > a { color: yellow !important; outline:2px dashed red!important; } 7866fad8190e42325a60c69ecf4c1313100a44e2 538 537 2025-07-28T21:19:56Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-infobox > div > div > div > a { color: yellow; outline:2px dashed red; } bc8dc26e6cb0625306e848967ebe41b25d6b95d0 539 538 2025-07-28T21:23:00Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 20f1e0f25442944267429951f2406f35d6574eba 541 539 2025-07-28T21:24:39Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a { color: var(--ala-link); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 4caef3bfa34238256b38228a4fed6c662805899f 542 541 2025-07-28T21:26:20Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #88ced6; --ala-redlink: #f08989; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } bb65325b2c792e6b94be6b15b8dc9f3ee14e3f4d 543 542 2025-07-28T21:27:37Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } e2c4fc073b933c6498596a5b2d36becbc0307d23 544 543 2025-07-28T21:29:09Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-size: 1rem; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } 384c947790f6b829876cfaebef4c3b75f2134bde 545 544 2025-07-28T21:29:34Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#c5bd81, #7a756c, #c5bd81); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } e2c4fc073b933c6498596a5b2d36becbc0307d23 546 545 2025-07-28T21:30:21Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } dd44d209fa7536a8559ad7b51e1c624788e8c5e3 547 546 2025-07-28T21:32:26Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .druid-data { text-align: right; } 55946b7fc91f0b9a32906d18e51af9a3da109a8c 548 547 2025-07-28T21:32:47Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .druid-data-nonempty { text-align: right; } 8d3b48d5184c423ec9aee79f1247c7a3a5edaa98 549 548 2025-07-28T21:35:56Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute { justify-content: space-between; } f96511bf1c79a28945e9fb43006db63c12a51af6 550 549 2025-07-28T21:40:47Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { } .druid-label { background: none; } e84c3dfdd3069d86bff0e4883bebb7c4e1d236c0 551 550 2025-07-28T21:40:59Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { } .druid-label { background: none !important; } 14096d6f062b5c3cdd4d9954ab489ff78d715ede 552 551 2025-07-28T21:41:30Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { } .druid-label { background: none !important; font-style: normal; } 89ca83662a4b30b6895027c3d87f29f36684f508 553 552 2025-07-28T21:42:02Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { } .druid-label { background: none !important; font-weight: inherit; } 53c5095eb1605ebc80efc124050956418706c617 554 553 2025-07-28T21:42:33Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { } .druid-label { background: none !important; } 14096d6f062b5c3cdd4d9954ab489ff78d715ede 555 554 2025-07-28T21:43:37Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { } .druid-label { background: none !important; } 56e73fcfdbaeb717bb0873d9535fe2bc62324eb3 556 555 2025-07-28T21:43:55Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { } .druid-label { background: none !important; font-weight: inherit; } e6c5b0188d41d5bfba6d994f21cfc780ee7e1931 557 556 2025-07-28T21:44:41Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { background: --var(--ala-bg-attribute-gradient); } .druid-label { background: none !important; font-weight: inherit; } 576069005788b68aa80ddc5e3ac50fbea6f93d27 558 557 2025-07-28T21:45:21Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { background-image: --var(--ala-bg-attribute-gradient); } .druid-label { background: none !important; font-weight: inherit; } 11a4e01a2accb5e1c9b0d186d47e87930bb0fd5f 559 558 2025-07-28T21:45:54Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } div.druid-section-container.attribute > div.druid-row { background-image: linear-gradient(red, blue); } .druid-label { background: none !important; font-weight: inherit; } 080f41c50698de45b61e587c4d1577dec3aa9c2d 560 559 2025-07-28T21:46:12Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .druid-section-container.attribute > div.druid-row { background-image: linear-gradient(red, blue); } .druid-label { background: none !important; font-weight: inherit; } 70fb32e28053641731eaf863541d901882a82b06 561 560 2025-07-28T21:46:37Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .druid-section-container.attribute > div.druid-row { background-image: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); } .druid-label { background: none !important; font-weight: inherit; } 8b8ed32571b064021e3e11e2568300522d3012e0 562 561 2025-07-28T21:46:59Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-label { background: none !important; font-weight: inherit; } 1ba0d0202e9664cd6b733637e6f1b3e0bf0c5dc5 563 562 2025-07-28T21:48:38Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-label { background: none !important; font-weight: inherit; } 4ff9c0cb4f72aae364349d175769fed77cb060f3 564 563 2025-07-28T21:49:16Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .druid-data.attribute { text-align: right; width: 48%; flex-shrink: 0; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-label { background: none !important; font-weight: inherit; } 0750f80b39c3b9a232f0ee38049a6fb491271a41 565 564 2025-07-28T21:49:39Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-label { background: none !important; font-weight: inherit; } cc201641fc7676d4364bc7d482022d76ff16d663 566 565 2025-07-28T21:51:20Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-label { background: none !important; font-weight: inherit; } fbe865594ea4c57f189d37d02f9f3750498d1ef7 567 566 2025-07-28T21:52:09Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } d86d81f8b4faefe73c8c169c708401e92950a96f 568 567 2025-07-28T21:53:19Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } 75b5f8a3c54cc1f4224ccdc9bb3c70cbbe270fa5 569 568 2025-07-28T21:54:43Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } 773c1d58f1ed42a3829b04b3c24e8e5c50a08ad1 570 569 2025-07-28T21:55:08Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; vertical-align: middle; font-variation-settings: "wdth" 120; } 4ef00275276773ce1d92c447feba47970c53ef0e 8 253 540 467 2025-07-28T21:23:20Z DivineGoddess 619222 css text/css /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ /* Light and dark are separated to make it easier for you to do local customizations but in the default version they are identical */ :root, .view-light .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--ala-link); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } .view-dark .druid-container { --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); } 06a19da959608a7c6756acf217a66bc46aec6730 10 293 571 519 2025-07-28T21:58:22Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Activation_label=Activation: |Type_label=Type: |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Life_label={{Item icon|Life}} |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer_class=info-footer |Footer=◆ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 0ac107435b5400834a8eb02c41d163f04baae9d2 572 571 2025-07-28T21:58:55Z DivineGoddess 619222 Undo revision [[Special:Diff/571|571]] by [[Special:Contributions/DivineGoddess|DivineGoddess]] ([[User talk:DivineGoddess|talk]]) wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Activation_label=Activation: |Type_label=Type: |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer_class=info-footer |Footer=◆ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> adf398445b869b3f98e15f773b71c0294d3ff471 8 254 573 570 2025-07-28T21:59:53Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; height:1rem; font-variation-settings: "wdth" 120; } f00179ef8d62fea3046e40c10bd0b87ab2ecbdfa 574 573 2025-07-28T22:00:13Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; height:1rem; vertical-align: middle; font-variation-settings: "wdth" 120; } 2ffe023d2c032ea42908e53a9647c8d6ffda8bc7 575 574 2025-07-28T22:01:13Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; height:1rem; vertical-align: middle; font-variation-settings: "wdth" 120; } .numerical { align-content: center; } 620c0b46530596c1fcf6c423932cd7980a4c6586 576 575 2025-07-28T22:01:30Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } 773c1d58f1ed42a3829b04b3c24e8e5c50a08ad1 577 576 2025-07-28T22:03:01Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } #druid-container-1 > div:nth-child(6) > div.druid-row.druid-row-Life > div.druid-label.druid-label-Life { vertical-align: middle; } 6a053dcb0611073b1dde442f6db9c24136877bb3 578 577 2025-07-28T22:03:11Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } 773c1d58f1ed42a3829b04b3c24e8e5c50a08ad1 579 578 2025-07-28T22:04:48Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } c250accf70c44954182c69cc5e5048ae037e5e94 580 579 2025-07-28T22:05:47Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row { background-image: var(--ala-bg-numerical-gradient); border-radius: 7px; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 6a6b5832a132748a4fd333e95fc2cdb1aa66a5cb 581 580 2025-07-28T22:06:32Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 1488e844182c8128573b204ae03c4121edd95c95 582 581 2025-07-28T22:07:10Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 2px solid red; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 78392c8c09a61bee0a1319e52937f7d9ede56036 583 582 2025-07-28T22:07:50Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 2px solid red; margin: 0; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 136885a0bdf21511a56a91ad794cb21bf1d1249e 584 583 2025-07-28T22:08:19Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid red; margin: 0; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 64369e2d1008c9573713c5e28e7b71f9b0d08690 585 584 2025-07-28T22:09:08Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid red; margin: -3; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 9a8b8f316bea5a5009c140d382b32a6d68fd96de 586 585 2025-07-28T22:09:19Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid red; margin: -3px; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 8b50e69c731fab1bfa8feabaf80510f91edb75bd 587 586 2025-07-28T22:09:38Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid red; margin-bottom: -3px; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 243b49832f3bd7ae3e3e53f1159f62ea7fcef35c 588 587 2025-07-28T22:09:58Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid red; margin-bottom: -1.5px; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 80e8d8d04cd7d99c46162197a47274fe5e7d3c09 589 588 2025-07-28T22:10:12Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid red; margin-bottom: -2px; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 12c8ac74120189d7bb165011e3ab96676e3896aa 590 589 2025-07-28T22:11:17Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid transparent; margin-bottom: -2px; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 95afd8d930544c797380eca81127dbc548554481 591 590 2025-07-28T22:12:49Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 74ed7cd3b851b52dc528969a5449b73fac5d8f40 592 591 2025-07-28T22:13:19Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, --ala-border-numerical, --ala-border-numerical-transparent 50%, --ala-border-numerical-transparent 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } c9ea40e16d0f9167a503bef5659ca488dd7812ce 593 592 2025-07-28T22:14:13Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } f0b84320cfe237012562231e6d30ebeb6c6bfc28 594 593 2025-07-28T22:15:02Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(170deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 84c5b751cf4f42d522f48ac59008f06d7eb029d2 595 594 2025-07-28T22:15:51Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(180deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } e943d7fdd697f9de5c98603acb653710b6006cd1 596 595 2025-07-28T22:16:07Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 7fcfc9edb85c3f30b44431a347b1f9829e1bd7c8 597 596 2025-07-28T22:17:23Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } 18772339864048b1802838186f8bf8d00f340982 598 597 2025-07-28T22:18:12Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 7px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } bf23cf8ea72014637e0029ab150a43a4f5497b42 599 598 2025-07-28T22:18:31Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } be5973cd68cc3caf69f2ddec6a15266afafcf7ea 600 599 2025-07-28T22:20:53Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } e7b5dbca949a17faba3e5b722e3683dd3924018a 602 600 2025-07-28T22:23:49Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bcdee8; --ala-redlink: #ffbfbf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } 4eb62ae8d5bda8a89953f19367139ad2d92beacf 603 602 2025-07-28T22:29:38Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #bfe3e8; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-shadow: 1px 0px 0 var(--ala-bg-heading-top), -1px 0px 0 var(--ala-bg-heading-top), 2px 0px 0 var(--ala-link), -2px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } fd82e810b4e95b511a599354ab8a6e03246e9349 604 603 2025-07-28T22:30:24Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } 6c8b2c0c1fbe0483af614853400a08c453834fa0 605 604 2025-07-28T22:31:36Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } 7410643ff3db252f887186d2504f46adf100b37e 606 605 2025-07-28T22:32:16Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; padding: -2px; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } a73202c5fb0893faf503dca4d364c718d9b014b8 607 606 2025-07-28T22:32:34Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; padding: -5px; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } 4e6e3cd354a0d4fa205ae3fe81671fcf4ccd2cee 609 607 2025-07-28T22:36:02Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; padding: -5px; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } bb429dfbf29147b0f5b9a455e33c176cbf2a0060 610 609 2025-07-28T22:37:38Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; padding: -5px; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } d9ab92d7e76b93268cb18656b5dfbd55f0a9f3f4 611 610 2025-07-28T22:38:38Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-data-FooterData { border-bottom: none !important; } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; padding: -5px; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } c0a2fa556575086bf93b3b2fd8f83e7e02d5ecb4 612 611 2025-07-28T22:39:22Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-data-FooterData { border-bottom: 0px !important; } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; padding: -5px; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } a5f31b3f6ddad27e9e82042210ee57db6ef42977 613 612 2025-07-28T22:40:26Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-row .druid-data-FooterData { border-bottom: none !important; } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; padding: -5px; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } c44fcf1a9b4f9e8e174d22d3ef58f4e0fa46e607 615 613 2025-07-28T22:42:16Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; padding: -5px; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; } a429599864111bdc500e2efe61a5f2cf7887883f 616 615 2025-07-28T22:43:00Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; padding: -5px; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; margin: none !important; } 22766eb9e76d29d3a0a2bcc5504fa438138636f3 617 616 2025-07-28T22:43:46Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; margin: none !important; } 42e9bfc20f55cd6e75e0ba7d40f7507c3cbd83ab 618 617 2025-07-28T22:44:06Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; margin: 0 !important; } 9e109322249bdc8fdab8559c294fd628d4ddfc96 619 618 2025-07-28T22:44:35Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; margin: 0; } 57a5a91e925dd79dda7d4165c6f5169a140cfef4 620 619 2025-07-28T22:45:33Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; margin: 1em 0 0; } 72d0233e62cf22a06ace9a27d6aa66d7832052fd 621 620 2025-07-28T22:46:32Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .numerical .druid-label { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; margin: auto; font-variation-settings: "wdth" 120; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; margin: 0.4em 0 0; } 858020df6b8d3bfb2afe89383967f623bffa7f86 622 621 2025-07-28T22:54:19Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; margin: 0.4em 0 0; } 57aa59233295b585a51ec1aa8026ac8898108982 10 293 601 572 2025-07-28T22:21:06Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer_class=info-footer |Footer=◆ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> ef100d4c1cfa7cb5e099530ec45723a1f76e02f4 608 601 2025-07-28T22:34:39Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer_class=info-footer |Footer=⯁ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 501b182e88676ff5f8d2e9c6c27a625d3d45fdd9 614 608 2025-07-28T22:41:07Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-char |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> edebd0a2dfe86344b4d7d72d3a2ea60be44dd0fd 10 301 623 2025-07-28T22:54:55Z DivineGoddess 619222 Created page with "<span class="smaps">{{{1}}}</span>" wikitext text/x-wiki <span class="smaps">{{{1}}}</span> 5b908ab9ef32c3de37f5d2a75231466644193704 0 294 624 490 2025-07-28T22:55:29Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]] is the character. This is a [[red link]]. And here's some <code>code</code>. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. === SUbsection === Yep it's one of these. And while we're at it, ==== 4 equalses ==== asdfsda ===== at this point it's ririducla us ===== sadffd == Combat == The Example Character has several attacks, including: * Disguise Self [[Alabaster Dawn Wiki|As Flower]] * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] {{maximalist navbox}} [[Category:Red link]] d480fbe37292ed91537c53625ceb2b4b1dde2650 8 254 625 622 2025-07-28T22:57:23Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: #67fe8b; } .yellow { color: #ffeb33; } 0b252bf3c8f8d59388d75dd003adc4fc49a14399 631 625 2025-07-28T23:03:43Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData { padding: 0px; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 87e77b6a3495ec61ef4e9ccac92fbcff29010e50 632 631 2025-07-28T23:06:27Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 115806f17c6c057c3df7c9f7d473a00ad80ba88b 633 632 2025-07-28T23:07:55Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 1em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 41708ed6e6f1a3324b4d63a0ef57c7519c099162 634 633 2025-07-28T23:08:12Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 436c941142c3b1c22b2c900bfbb3dbc77ae6bfac 650 634 2025-07-28T23:33:48Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } afc36efa4cc0c652a06eef598c8e46a2c6ffdb73 652 650 2025-07-28T23:35:22Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 37459c332c5a7a9196f5034b96145e120ee8c78a 653 652 2025-07-28T23:37:39Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 50%; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 8a18a34d4bf0cf5246eb3fc2b6673e84cbc7c9e7 654 653 2025-07-28T23:38:46Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 50% !important; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 88fc6efc7d26115795a6e413f26bc0a706368761 655 654 2025-07-28T23:39:23Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 37459c332c5a7a9196f5034b96145e120ee8c78a 657 655 2025-07-28T23:40:30Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 50% !important; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 88fc6efc7d26115795a6e413f26bc0a706368761 658 657 2025-07-28T23:40:43Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 100% !important; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 581bd7e4d13a8e51199d7599832a13d0be4d2ad7 659 658 2025-07-28T23:41:02Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 1.2; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } bbd0cb1b62140ace9840f6c19a4b2c3b5e821eaa 660 659 2025-07-28T23:41:37Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 100%; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 1f82bfd6c6fa2ad63c2c9dbbc53e812e92b06370 661 660 2025-07-28T23:41:49Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 37459c332c5a7a9196f5034b96145e120ee8c78a 665 661 2025-07-28T23:44:17Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 100%; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 1f82bfd6c6fa2ad63c2c9dbbc53e812e92b06370 666 665 2025-07-28T23:44:35Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 120%; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } f58b9835ade6fb2749b5affccad3870cdc2876af 667 666 2025-07-28T23:44:58Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 140%; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 1680bfc2e95c2a4b9c4c93c89176d09ddc8397ab 674 667 2025-07-28T23:50:04Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } a8debb55df2be89011410870169b8f059bc8b5f0 10 292 626 343 2025-07-28T22:57:37Z DivineGoddess 619222 wikitext text/x-wiki <span class="green">{{{1}}}</span> 09ed76a467976b341771dc04263ea4440df6f8e3 10 302 627 2025-07-28T22:58:05Z DivineGoddess 619222 Created page with "<span class="yellow">{{{1}}}</span>" wikitext text/x-wiki <span class="yellow">{{{1}}}</span> 7258ce06a0ae9f51632cdb3ae829945ad2c7ba58 10 289 629 345 2025-07-28T23:00:37Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-skill |title=Skill Info |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Cost |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type |Data_nolabel=yes |Data_class=attribute |Cost_nolabel=yes |Cost_class=info-cost |Cost=Cost: {{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 7a792f56d58808a05fc268d9c27fde3ff52ad710 630 629 2025-07-28T23:01:26Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-skill |title=Skill Info |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Cost |Name_isdata=yes |Name_nolabel=yes |Name_class=info-name |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type |Data_nolabel=yes |Data_class=attribute |Cost_nolabel=yes |Cost_isdata=yes |Cost_class=info-cost |Cost=Cost: {{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 85f557157da3f349b90e27315a3ba68a81349342 635 630 2025-07-28T23:08:30Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-skill |title=Skill Info |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Cost |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type |Data_nolabel=yes |Data_class=attribute |Cost_nolabel=yes |Cost_isdata=yes |Cost=Cost: {{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 10442284ab6d1f0233c2424242de4fe0525ea0bb 636 635 2025-07-28T23:11:34Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-skill |title=Skill Info |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Cost |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type |Data_nolabel=yes |Data_class=attribute |Cost_nolabel=yes |Cost_isdata=yes |Cost=Cost:&nbsp;&nbsp;{{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 24db10d483c8da0591515de0d76c9215ea99ac25 637 636 2025-07-28T23:11:50Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-skill |title=Skill Info |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Cost |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type |Data_nolabel=yes |Data_class=attribute |Cost_nolabel=yes |Cost_isdata=yes |Cost=Cost:&nbsp;&nbsp;&nbsp;{{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 81909e9d0efd6949a5ae3caa81103fc209887df0 638 637 2025-07-28T23:12:33Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |kind=info-skill |title=[[:Category:Skills|Skill Info]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Cost |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type |Data_nolabel=yes |Data_class=attribute |Cost_nolabel=yes |Cost_isdata=yes |Cost=Cost:&nbsp;&nbsp;&nbsp;{{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 753f3af32602b1a15816540ac56a1ab386282b7e 643 638 2025-07-28T23:25:09Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Skills|Skill Info]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Cost |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Type |Data_nolabel=yes |Data_class=attribute |Cost_nolabel=yes |Cost_isdata=yes |Cost=Cost:&nbsp;&nbsp;&nbsp;{{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 9a99acf93e2541a803f4b99f0b90495996108599 672 643 2025-07-28T23:48:11Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Skills|Skill Info]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Cost |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Data=Type |Data_nolabel=yes |Data_class=attribute |Cost_nolabel=yes |Cost_isdata=yes |Cost=Cost:&nbsp;&nbsp;&nbsp;{{{Cost|}}} }}</includeonly><noinclude>{{documentation}}</noinclude> 5e96dce7b76e4d862ef61e6939086ea163c9786b 6 303 640 2025-07-28T23:19:01Z DivineGoddess 619222 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 642 640 2025-07-28T23:20:11Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Item images]] == Licensing == {{License|game}} 7c03241883041c659034a6526a7d1d7a3f0ab23c 648 642 2025-07-28T23:31:03Z DivineGoddess 619222 DivineGoddess renamed page [[File:Blood Heart (item).png]] to [[File:Blood Heart (Item).png]] without leaving a redirect wikitext text/x-wiki [[Category:Item images]] == Licensing == {{License|game}} 7c03241883041c659034a6526a7d1d7a3f0ab23c 6 291 641 323 2025-07-28T23:20:01Z DivineGoddess 619222 wikitext text/x-wiki == Summary == [[Category:Skill images]] == Licensing == {{License|game}} a56d9eb369e6e7157dbc920133308f9e06324af6 10 304 644 2025-07-28T23:27:11Z DivineGoddess 619222 Created page with "<includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Purity |Data_nolabel=yes |Data_class=numerical |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude>" wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Purity |Data_nolabel=yes |Data_class=numerical |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> 568106e7b22bc47bd62b8bdb83bbc99ae595a69e 646 644 2025-07-28T23:28:45Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{smaps|{{{Description}}}}} |Data=Purity |Data_nolabel=yes |Data_class=numerical |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> cc54fa0c59685f8629cf2b989e3d6b28b78756da 649 646 2025-07-28T23:32:37Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{smaps|{{{Description}}}}} |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> 5f6851ed98b95c0173a3d583808957ac99e74d8e 651 649 2025-07-28T23:34:28Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{smaps|{{{Description}}}}} |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical numerical-odd |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> 0a0c91ad3cdff5f94c57f6cdd2bd991556c83de7 656 651 2025-07-28T23:40:04Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description_class=smaps |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical numerical-odd |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> 60c358a7fd3a876e1cb93d79a2a7aa3f39f7c2df 662 656 2025-07-28T23:42:21Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical numerical-odd |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> e82438593de98396109f92a2cc1586a0f8dc153d 663 662 2025-07-28T23:42:51Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{smaps|{{{Description}}}}} |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical numerical-odd |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> 0a0c91ad3cdff5f94c57f6cdd2bd991556c83de7 664 663 2025-07-28T23:43:57Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{smaps|{{{Description}}}}} |Description_class=smaps |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical numerical-odd |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> c4805d297b7ca249c0e1e1c8062745c6fa210cb8 668 664 2025-07-28T23:46:30Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{smaps|{{{Description}}}}}<br /> |Description_class=smaps |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical numerical-odd |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> 9e05143c7caa96d7ba681972509a26791dd2ef7c 669 668 2025-07-28T23:46:46Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{smaps|{{{Description}}}}}<br />&nbsp; |Description_class=smaps |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical numerical-odd |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> 8db7759f362029d92974a1a9558547669d5d130b 670 669 2025-07-28T23:47:00Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{smaps|{{{Description}}}}}<br />&nbsp;. |Description_class=smaps |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical numerical-odd |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> 558013302ea76f860c3dc680abb2e582541274cc 671 670 2025-07-28T23:47:14Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |title=[[:Category:Items|Item]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sep=;; |sections=Name;; Description;; Data;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{smaps|{{{Description}}}}}<br />&nbsp; |Description_class=smaps |Data=Filler;; Purity |Data_nolabel=yes |Data_class=numerical numerical-odd |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}</includeonly><noinclude>{{documentation}}</noinclude> 8db7759f362029d92974a1a9558547669d5d130b 10 293 645 614 2025-07-28T23:27:19Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> d238cc3c8ba68d3166684c360388217027cd0c59 673 645 2025-07-28T23:49:20Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 9bb7213a5166041c4a85fab963f38081af3d397b 8 234 675 438 2025-07-29T01:42:01Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(filepath://Site-background-dark.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 395172201fe25ded2a3ea6dba63ddd02bdb438ea 8 254 676 674 2025-07-29T01:43:01Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } ce93143bed3a4b97c77a61e74afe71a2828a6a6f 677 676 2025-07-29T01:45:35Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ :root, .view-light .druid-container { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 4a83c6f56a6ef8c144f9cbac29c252ef7d5bf367 703 677 2025-08-06T22:53:39Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } bed61175171a96d0443e91d4ea9618e47f8ce2bb 704 703 2025-08-06T22:57:30Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } ecd5676490b8db5bd787751912b2bad36f1b5c75 729 704 2025-08-07T01:19:39Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } b8fb090c492469c588497fdd8d2e598f72021156 10 293 678 673 2025-07-29T01:53:49Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} {{footer}} }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 43912dd5b9f0bff86b418f60f50e966164c308d8 680 678 2025-07-29T01:55:06Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 9bb7213a5166041c4a85fab963f38081af3d397b 6 308 685 2025-07-30T16:34:41Z DivineGoddess 619222 [[Category:Wiki skin images]] wikitext text/x-wiki == Summary == [[Category:Wiki skin images]] == Licensing == {{License|game}} 57874e8e0e72c6d4601c4e8acb652c9648e7b432 686 685 2025-07-30T16:36:06Z DivineGoddess 619222 DivineGoddess uploaded a new version of [[File:Dark bg.jpg]] wikitext text/x-wiki == Summary == [[Category:Wiki skin images]] == Licensing == {{License|game}} 57874e8e0e72c6d4601c4e8acb652c9648e7b432 8 234 687 675 2025-07-30T16:36:30Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #1b1c20; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #433f3e; /* Satomi changed */ --wiki-content-background-opacity: 100%; /* Satomi changed */ --wiki-content-border-color: #aaa192; /* Satomi changed */ --wiki-content-link-color: #7fcdcd; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #544944; /* Satomi changed */ --wiki-accent-label-color: #fff; /* Satomi changed */ --wiki-accent-link-color: #ffe631; /* Satomi changed */ --wiki-icon-to-link-filter: invert(93%) sepia(95%) saturate(548%) hue-rotate(149deg) brightness(82%) contrast(96%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 2686606fc2e8cb3fca1e5c3460ecf819a0657e78 688 687 2025-07-30T16:45:32Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #64b75d; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #003333; /* Satomi changed */ --wiki-content-background-opacity: 80%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #354a61; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ b7fa6bdb8ddf4f4e3aac6ed3cf343000787636d5 689 688 2025-07-30T16:46:28Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #64b75d; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #153333; /* Satomi changed */ --wiki-content-background-opacity: 80%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #354a61; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ d2575ab60b4e831ac476e69fdaffa7db51fc8e62 690 689 2025-07-30T16:47:02Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #64b75d; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #153333; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #354a61; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 0a4dd2b6fe8d2af489baa330db9e62eccf7e1a20 691 690 2025-07-30T16:47:49Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #64b75d; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #354a61; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ a8f5d528584d0250de175b0e00cde2d96bb6cba7 692 691 2025-07-30T16:50:11Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #595a6c; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #354a61; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 959f1af38fa8ad230a8359043aef76229a28cfa3 693 692 2025-07-30T16:51:34Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #354a61; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 9c1d3732d588ea97260176a298c66bff917c42a2 694 693 2025-07-30T16:52:35Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #f0ce82; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 387b56b01c4bcb89655fe3b8ca4b56a0f51ea533 695 694 2025-07-30T16:55:02Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #f0ce82; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ a9a10c811a0e458ee081e593bb581de75365a1c4 696 695 2025-07-30T16:55:38Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #ffffff; --wiki-accent-link-color: #fff; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #f0ce82; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ cdeb30c93620333feba41b021c0c86595df569af 697 696 2025-07-30T16:58:21Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #f0ce82; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 387b56b01c4bcb89655fe3b8ca4b56a0f51ea533 698 697 2025-07-30T16:59:00Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #fff; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 9be7829d8d8bfa7ae8ea693312e36b74f31fc802 699 698 2025-07-30T16:59:52Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 160; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 160; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ bd60ddf730145cd17a25b6d32513bbb1257ce522 700 699 2025-07-30T22:25:09Z Mr Pie 5 2833 Set wiki logo file width/height variables css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 312; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 500; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ bb141f63e96a0a2f91225abdd5c281765454b61e 701 700 2025-07-30T22:26:01Z Mr Pie 5 2833 Got those backwards css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ 68073c88cea85b52cede3cafb2c5a0520c7fc348 702 701 2025-08-06T22:53:30Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } abbac6281b843fb80d5c95757951c9cb020d48ef 705 702 2025-08-06T22:58:06Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } 0291a4600b1db044a869007151c887c566d7306b 728 705 2025-08-07T01:19:28Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } abbac6281b843fb80d5c95757951c9cb020d48ef 10 300 706 410 2025-08-06T23:05:58Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | state = off | navbox_class = pill | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing | group1.2 = Mana | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = Accessories | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 2c9927605ede4caf6a148c2e38115d012f9489c4 708 706 2025-08-07T00:52:34Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | state = off | navbox_class = pill | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing | group1.2 = Mana | group1.3 = [[Juno o' Lira]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = Accessories | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> ef4e70fb48a1da7f67cc8f79e097ed729ae0a3e6 709 708 2025-08-07T00:53:00Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | state = off | navbox_class = pill | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[Main page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = Accessories | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 6e269939490d1960311890c69756e980b9e3d5cf 710 709 2025-08-07T00:53:46Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | state = off | navbox_class = pill | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[redlink]] | group1.4 = [[Main Page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = Accessories | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 3ddf50fe815fbf2702fa7a2e253ae7764a4b064b 8 278 707 302 2025-08-07T00:43:25Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg) } 41edbd1627b5585c2dc1bbfacabcb1d312000e3f 711 707 2025-08-07T00:54:06Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow-hover: none; } 030eb3f6d1590f11091b0fb50bc04da3759f1777 712 711 2025-08-07T00:54:31Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; } 68dc75038d3be9c02c0497eff26d2c631992b638 713 712 2025-08-07T01:01:05Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-color: var(--ala-bg-heading-section) } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; } 122d6149b199af40295850a163c183dfd5ab4dde 714 713 2025-08-07T01:01:32Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section) } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; } 15236212150da45a554dbcfaae8f6c542621ed6e 715 714 2025-08-07T01:02:44Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section) --navbox-pill-selflink-background: var(--ala-bg-heading-section) } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; } 0842e25e9a2312fc8c1cadaa72c670b6ca962a4c 716 715 2025-08-07T01:02:56Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; } f35915d3284b75ec2b894df711c9851f5c3fd94a 717 716 2025-08-07T01:04:31Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } 6a98b411b92ddda09cd7c0402587ae05a644e9a8 718 717 2025-08-07T01:07:07Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); color: var(--ala-text); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } 2a3c53de70ef22cf88a5aff1ba656b8d809f6e64 719 718 2025-08-07T01:07:55Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); --navbox-list-color: var(--ala-text); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } 5d997b936191c50a98a81ece7e60cdf0477a7e89 720 719 2025-08-07T01:09:50Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); --navbox-list-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } dfae8400b71b08354ef1cc4182464688e00bd5f6 721 720 2025-08-07T01:10:35Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); --navbox-list-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } b5b53332f6c192b3c9c8044f9b9e7d54e301c0af 722 721 2025-08-07T01:11:10Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); --navbox-list-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } cf13b02c3091770eb39aafeff8c75b41b0710cac 723 722 2025-08-07T01:12:36Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); --navbox-list-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-font-size: 1rem; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } 6b7aeceaaf462b38e7ff06852136514e656f08a7 724 723 2025-08-07T01:13:42Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); --navbox-list-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } cf13b02c3091770eb39aafeff8c75b41b0710cac 725 724 2025-08-07T01:15:03Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-group-background: var(--ala-bg-heading-section); --navbox-list-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } 819af5915398bebaef2a5b9967c8443fb4ae480c 726 725 2025-08-07T01:16:44Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg-heading-section); --navbox-group-color: var(--ala-heading-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } b89b112b6b8d05f3026e5eee58bb070f270bf595 727 726 2025-08-07T01:18:33Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg-heading-section); --navbox-group-color: var(--ala-heading-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-shadow: none; } 9b9d3b47b98c174b0bf76acfed17584091e1339c 730 727 2025-08-07T01:19:56Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg-heading-section); --navbox-group-color: var(--ala-heading-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-shadow: none; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } b71189c30b5d400e7866c817787d337623a7034d 8 278 731 730 2025-08-07T01:21:09Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg-heading-section); --navbox-group-color: var(--ala-heading-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-shadow: none; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } 50ac54edee6c9a65c649e452fc7a851b5d067485 732 731 2025-08-07T01:23:39Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg-heading-section); --navbox-group-color: var(--ala-heading-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-shadow: none; text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } 5a211bc9b4adc49b2c250228dba18a934480a1df 733 732 2025-08-07T01:24:09Z DivineGoddess 619222 Blanked the page css text/css da39a3ee5e6b4b0d3255bfef95601890afd80709 734 733 2025-08-07T01:24:34Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg-heading-section); --navbox-group-color: var(--ala-heading-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-shadow: none; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } 7c719857f157cfcb5f3800cd932ce802ace505f7 735 734 2025-08-07T01:26:26Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg-heading-section); --navbox-group-color: var(--ala-heading-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ --wiki-content-redlink-color: var(--ala-heading-text); --wiki-content-link-color: var(--ala-heading-text); --wiki-content-link-color--hover: var(--ala-heading-text); --wiki-content-link-color--visited: var(--ala-heading-text); text-shadow: none; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } 1dec0038b9ad4c3a2e839dd35fb9268688c08271 736 735 2025-08-07T01:27:50Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg-heading-section); --navbox-group-color: var(--ala-heading-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } 0396bc6967806e7d4ac5f768438fb7b40427e4ee 737 736 2025-08-07T01:29:42Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: linear-gradient(var(--ala-bg2), var(--ala-bg)); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } 86d428ad8946831d26e3cbaeb0dd477fb9d3040c 738 737 2025-08-07T01:29:58Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: linear-gradient(var(to right, --ala-bg2), var(--ala-bg)); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } 2784a0f43ef6ae6c0a99cb667de24789ef9f1181 739 738 2025-08-07T01:30:25Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: linear-gradient(to right, var(--ala-bg2), var(--ala-bg)); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox.pill, .ranger-navbox.pill-mobile{ --navbox-pill-background: var(--ala-bg2); --navbox-pill-background--hover: var(--ala-bg-heading-section); --navbox-pill-box-shadow--hover: none; --navbox-pill-selflink-background: var(--ala-bg-heading-section); } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } 83a1a9ac12f389c0f8e200b82806e9e92806b3df 741 739 2025-08-07T01:32:49Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } fa65db5cc2c1917d4c6ddda44eb00346ff929caa 742 741 2025-08-07T01:36:37Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox.pill .hlist dd:not(:last-child)::after, .ranger-navbox.pill .hlist li:not(:last-child)::after{ content: "\20\A0⯁\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; } c0b85247ac7098725cbbbb1a88b9c9e52776ab7f 743 742 2025-08-07T01:37:13Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⯁\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; } a0be0f087fc968022a7a2b7b1b2b30c59d3836b1 744 743 2025-08-07T01:37:51Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬩\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; } 1e9ac8edae763156eb37c5dae31aa6d8b1f5ca9f 745 744 2025-08-07T01:38:34Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; } a3949bb9daab03d104d4b619b074fb759c28444d 746 745 2025-08-07T01:38:52Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; } 87487a3e7513ccb8037f37f15f26fd5a0cdc503c 747 746 2025-08-07T01:39:38Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; } d0d2eed928f666c213b08c96ea13b11da4643107 748 747 2025-08-07T01:40:04Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } 321bdff4ce3bc49c8b38fb2841a32bea58658a3e 749 748 2025-08-07T01:42:52Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } 825d89536671229b5a28cca170a440e1cbea1250 750 749 2025-08-07T01:46:07Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } 0b93241b390402bb5967b85696a837834fc61e37 751 750 2025-08-07T01:47:30Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } afd060d8939c35eeb34f64adae722df7cadd7fd1 752 751 2025-08-07T01:48:35Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } 0abb2fc0b11c4576d56282c0d266fa04d9d7371f 753 752 2025-08-07T01:50:35Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } 39c84252a4b0b68ea4b1921d4d717dd102b2acf3 754 753 2025-08-07T01:51:58Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-wrap::before, .ranger-navbox .ranger-wrap::after { font-size: inherit; } d055ddd2c55d7d2b77a39a73840ad8ce8d373281 755 754 2025-08-07T01:52:41Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-wrap::before, .ranger-navbox .ranger-wrap::after { font-size: var(--navbox-font-size); } f1d989e1e26455b5283921971c0553a6c549caeb 756 755 2025-08-07T01:53:41Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-wrap::before, .ranger-navbox .ranger-wrap::after { font-size: var(--navbox-font-size) !important; } 0630d0fe4284321e82f48bee29decaeea39b803c 757 756 2025-08-07T01:54:35Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-wrap::before, .ranger-navbox .ranger-wrap::after { font-size: inherit !important; } a3d1b2f7a77fa8df4e04b3950ee016f06d7b910d 758 757 2025-08-07T01:55:39Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } #mw-content-text > div.mw-content-ltr.mw-parser-output > div.ranger-navbox.navigation-not-searchable.striped-even > div.ranger-section.mw-collapsible-content.mw-collapsible.mw-made-collapsible > div.ranger-section-body.mw-collapsible-content > div:nth-child(1) > div.ranger-listbox > div.ranger-sublist.level-0 > div > div > div:nth-child(1) > div.ranger-group.level-1.ranger-subgroup > div { font-size: inherit !important; } 83bb98dd630a761abf4ac2bbebce4e2a45063c9b 759 758 2025-08-07T01:56:10Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } #mw-content-text > div.mw-content-ltr.mw-parser-output > div.ranger-navbox.navigation-not-searchable.striped-even > div.ranger-section.mw-collapsible-content.mw-collapsible.mw-made-collapsible > div.ranger-section-body.mw-collapsible-content > div:nth-child(1) > div.ranger-listbox > div.ranger-sublist.level-0 > div > div > div:nth-child(1) > div.ranger-group.level-1.ranger-subgroup > div { font-size: var(--navbox-font-size) !important; } 9aa8247eecb580fcf4092715fb767e82f892d4f2 760 759 2025-08-07T02:00:16Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } #mw-content-text > div.mw-content-ltr.mw-parser-output > div.ranger-navbox.navigation-not-searchable.striped-even > div.ranger-section.mw-collapsible-content.mw-collapsible.mw-made-collapsible > div.ranger-section-body.mw-collapsible-content > div:nth-child(1) > div.ranger-listbox > div.ranger-sublist.level-0 > div > div > div:nth-child(1) > div.ranger-group.level-1.ranger-subgroup > div::before { font-size: var(--navbox-font-size) !important; } 6f63991fd39abed03b7dd6ed603c65ebd8baf227 761 760 2025-08-07T17:35:51Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } af0afea77f6e14c428d64af11e4dbbe7d9068006 765 761 2025-08-07T17:40:20Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } 92959f25eec366d153179a15ba49996ce728d55e 766 765 2025-08-07T17:40:57Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } 5d4fa5ac99883de0679ce1602770e358d076f548 767 766 2025-08-07T17:44:51Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } ea79b46e56e0355e91d096771612524eb5556d79 768 767 2025-08-07T17:47:07Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink { font-weight: 900; } 5f790474a6b5f71c33adfd092802deaba663b9a6 769 768 2025-08-07T17:47:36Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink { font-weight: 900; color: var(--ala-yellow); } c474994c297e61ff6384b02a8a485fa3d0ab09ad 770 769 2025-08-07T17:48:30Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 108f61471f9625e8ac3ef24135efe864bb8aa1d1 771 770 2025-08-07T17:59:09Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-diamond); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } f32085a00483eb9497ce959e9f8d6ad90bb454ee 772 771 2025-08-07T17:59:24Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 16e8e6ad2d77920dad5ac1696956977e73254278 774 772 2025-08-07T18:04:18Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-title { background: var(--ala-bg-title-gradient); font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } e0f35ab1d12109924d5aa838ce2ce2a7f579d1d9 775 774 2025-08-07T18:05:07Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-title { background: var(--ala-bg-title-gradient); font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 40b50d70f6913d88eada287ac484601db98084a9 776 775 2025-08-07T18:05:23Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-title { background: var(--ala-bg-title-gradient); font-size: 1rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } 01756504ba5870e719a1ddeed41e9e971d7ed863 777 776 2025-08-07T18:07:13Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-title { background: var(--ala-bg-title-gradient); font-size: 1rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .ranger-navbox .ranger-title .ranger-meta { color: var(--ala-link); } 1263226013e58682c17c4c2002cbed6a8dcc6f87 778 777 2025-08-07T18:08:12Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-title { background: var(--ala-bg-title-gradient); font-size: 1rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .ranger-navbox .ranger-title .ranger-meta { --navbox-title-link-color: var(--ala-link); --navbox-title-link-color::visited: var(--ala-link); } 9d18e28a29f9fb1d6e5e91b6d2528aa4843fd42b 779 778 2025-08-07T18:10:44Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-title { background: var(--ala-bg-title-gradient); font-size: 1rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } fdeb0d64171b7ce7939d7cbe476c0f7c11e4e04b 780 779 2025-08-07T18:11:20Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-title { background: var(--ala-bg-title-gradient); font-size: 1rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } e39a439c28cdf658ef25e8c9784130729d81cc71 10 300 740 710 2025-08-07T01:31:53Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | state = off | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[redlink]] | group1.4 = [[Main Page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = Weapons | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = Accessories | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 4f1009fbc7bd9ad8db52f673f9dfae0fb364833c 762 740 2025-08-07T17:37:03Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | state = off | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[redlink]] | group1.4 = [[Main Page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = [[redlink]] | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = [[Main Page]] | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 799038e57e67367f4745cce816d526d605deb8ad 763 762 2025-08-07T17:37:37Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | state = off | header1 = [[Consumables]] | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[redlink]] | group1.4 = [[Main Page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = [[redlink]] | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = [[Main Page]] | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 474d7b52e5cc0bd07bed42f98b3a045c74d2d8a9 764 763 2025-08-07T17:37:51Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | title = Items | striped = even | state = off | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[redlink]] | group1.4 = [[Main Page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = [[redlink]] | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = [[Main Page]] | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 799038e57e67367f4745cce816d526d605deb8ad 773 764 2025-08-07T18:02:14Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | template = Maximalist navbox | title = Items | striped = even | state = off | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[redlink]] | group1.4 = [[Main Page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = [[redlink]] | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = Staves | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = [[Main Page]] | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> e881863da24cd4b1f80c2b5a942dfe6c2afe5faa 8 278 781 780 2025-08-07T18:12:35Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-text); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } bb76ee6485050649120c31f3a99f7b68d8cf3b7e 782 781 2025-08-07T18:14:09Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } b0866b9d8cf61393e269fc0a1e7171a334c5fed0 783 782 2025-08-07T18:17:31Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 478da8e77edcc3f499c771f375d090bf8321d810 784 783 2025-08-07T18:18:51Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: none; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } a39ca219f441f912eede3f4f9fa96af686976453 785 784 2025-08-07T18:19:05Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 1f0d554225cc53950386c48d496390ced83f9758 786 785 2025-08-07T18:22:17Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } c5b5408f24b45bd4a2ffb323e954a667ac0fa936 787 786 2025-08-07T18:22:47Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 1f0d554225cc53950386c48d496390ced83f9758 788 787 2025-08-07T18:23:27Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-title { overflow: hidden; } 37f69f95ab91d88e89ce0fdbc4636aa273fe9805 789 788 2025-08-07T18:25:47Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 2b04b71d0efc2823add371e1de8989b6e018a63e 790 789 2025-08-07T18:31:17Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { font-size: 100px; } 2e992905eea86a5ff5aa635c8691c07e46b66af7 791 790 2025-08-07T18:31:59Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { font-size: var(--navbox-font-size); } 64afa10371bd913e05a1f5de37b53412af9869b1 792 791 2025-08-07T18:32:14Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 2b04b71d0efc2823add371e1de8989b6e018a63e 793 792 2025-08-07T18:34:09Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { /* font-size: 0.7rem; */ text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } f57d735b612c729b436a7471b576aceda84efef1 794 793 2025-08-07T18:34:44Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } a9876c398b7691ca6c718a46d45b664f6a81606a 795 794 2025-08-07T18:35:13Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { font-size: var(--navbox-font-size); } 64afa10371bd913e05a1f5de37b53412af9869b1 796 795 2025-08-07T18:36:31Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } a9876c398b7691ca6c718a46d45b664f6a81606a 797 796 2025-08-07T18:39:53Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } .ranger-navbox .ranger-group a { color: #ff0000; } aacbd3e2ee918e5b5a8593e75a2e2cdac7151c5a 798 797 2025-08-07T18:40:55Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } .ranger-navbox .ranger-group a { color: var(--ala-text); text-decoration: underline; } .ranger-navbox .ranger-group a:new { color: var(--ala-redlink); } 8cc3d5c293f7017d3fdebf236b982304ad9d72ff 799 798 2025-08-07T18:41:25Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } .ranger-navbox .ranger-group a { color: var(--ala-text); text-decoration: underline; } .ranger-navbox .ranger-group a.new { color: var(--ala-redlink); } 5fa80df1edfdd7f82f99f23ff97bfe324b57a0e2 800 799 2025-08-07T18:42:19Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } a9876c398b7691ca6c718a46d45b664f6a81606a 803 800 2025-08-07T18:45:10Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active, .ranger-navbox .mw-selflink .ranger-title-text .selflink { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } 7ecb86236c87f4fe1a3dbdeb8fc0b86850efcb3c 804 803 2025-08-07T18:45:45Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } a9876c398b7691ca6c718a46d45b664f6a81606a 806 804 2025-08-07T18:48:38Z DivineGoddess 619222 Blanked the page css text/css da39a3ee5e6b4b0d3255bfef95601890afd80709 807 806 2025-08-07T18:50:10Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } .ranger-navbox .ranger-subgroup.level-1.ranger-subgroup::before { } a9876c398b7691ca6c718a46d45b664f6a81606a 10 300 801 773 2025-08-07T18:42:54Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | template = Maximalist navbox | title = Items | striped = even | state = off | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[redlink]] | group1.4 = [[Main Page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = [[redlink]] | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = [[Juno o' Lira]] | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = [[Main Page]] | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 67589bc9282512bcacb5aabb1658b07246b823f0 802 801 2025-08-07T18:43:42Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | template = Maximalist navbox | title = Items ( [[Juno o' Lira]] | striped = even | state = off | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[redlink]] | group1.4 = [[Main Page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = [[redlink]] | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = [[Juno o' Lira]] | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = [[Main Page]] | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 0aab8b693eacffbc0be97e0708363f8f75058fd1 805 802 2025-08-07T18:46:00Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | template = Maximalist navbox | title = Items | striped = even | state = off | header1 = Consumables | group1 = Potions | list1 = * Revitalizing Potion * Teleport Potion | group1.1 = Health | list1.1 = * [[Alabaster Dawn Wiki|Health Potion]] * [[Large Health Potion]] * Elixir of Healing * [[Juno o' Lira]] | group1.2 = Mana | group1.3 = [[redlink]] | group1.4 = [[Main Page]] | list1.2 = * Mana Potion * Large Mana Potion * Elixir of Magic | group2 = Scrolls | list2 = * Scroll of Poison | header3 = [[redlink]] | state3 = off | group3 = Swords | list3 = * Wooden Sword * Rusted Sword * Steel Sword | group4 = Bows | state4 = off | list4 = * Shortbow * Crossbow * Longbow | group5 = [[Juno o' Lira]] | state5 = off | list5 = * Basic Staff * Wizard's Staff | header6 = [[Main Page]] | state6 = off | list6 = * Plain Bracelet }}<noinclude>{{documentation}}</noinclude> 67589bc9282512bcacb5aabb1658b07246b823f0 8 309 808 2025-08-07T20:25:51Z DivineGoddess 619222 Created page with "* navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** Meta:Style guide|Style guide ** Meta:To do|To do * Alabaster Dawn ** Category:Characters|Characters ** Cagegory:Items|Items ** Category:Locations|Locations ** Category:Enemies|Enemies ** Cooking|Cooking ** Skills|Skills * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-joint..." wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** Meta:Style guide|Style guide ** Meta:To do|To do * Alabaster Dawn ** Category:Characters|Characters ** Cagegory:Items|Items ** Category:Locations|Locations ** Category:Enemies|Enemies ** Cooking|Cooking ** Skills|Skills * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar efaf8160a353b70be232cbfe45f7179871fc98ac 810 808 2025-08-07T20:28:46Z DivineGoddess 619222 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** Meta:Style guide|Style guide ** Meta:To do|To do ** Meta:Crumbs|Crumbs * Alabaster Dawn ** Category:Characters|Characters ** Cagegory:Items|Items ** Category:Locations|Locations ** Category:Enemies|Enemies ** Cooking|Cooking ** Skills|Skills * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar ed3de75f24777848f05f00889e32d19a1564616f 8 234 809 728 2025-08-07T20:27:32Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } a38000eabd4303800f888074afcba2ad9b2fa3e0 4 285 811 311 2025-08-07T20:30:16Z DivineGoddess 619222 wikitext text/x-wiki The wiki's to-do list! == Immediately == * document everything we know so far! == Demo release == * [[:Category:Notice templates]] should have their icons replaced once game assets become available * document all the new stuff (duh) 58e76bdc2d1f4807f04c7b6fc56ea5e61130feb5 6 310 812 2025-08-07T20:39:48Z DivineGoddess 619222 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 813 812 2025-08-07T20:40:10Z DivineGoddess 619222 wikitext text/x-wiki Logo from the official site. Retrieved from https://www.alabaster-dawn.com/ == Licensing == {{License|game}} 03d18f3378916925e86951e81944cfaf39dad90b 814 813 2025-08-07T20:40:23Z DivineGoddess 619222 wikitext text/x-wiki == Summary == Logo from the official site. Retrieved from https://www.alabaster-dawn.com/ == Licensing == {{License|game}} cd7d79336961e931cbff363d962771869d847ffa 4 8 815 15 2025-08-07T20:49:21Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Official site|link=https://www.alabaster-dawn.com/|image=Alabaster-logo.png|size=64x64px}} * {{MP link|Discord|link=https://discord.gg/radicalfish|image=Discord.svg|size=64x64px}} * {{MP link|Steam|link=https://store.steampowered.com/app/3110760/Alabaster_Dawn|image=Steam.svg|size=64x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 9d9f49be828f020f5e09297a354608bb3d50cd70 816 815 2025-08-07T20:49:39Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2">} * {{MP link|Discord|link=https://discord.gg/radicalfish|image=Discord.svg|size=64x64px}} * {{MP link|Steam|link=https://store.steampowered.com/app/3110760/Alabaster_Dawn|image=Steam.svg|size=64x64px}} * {{MP link|Official site|link=https://www.alabaster-dawn.com/|image=Alabaster-logo.png|size=x64px} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 96a0e92b68b8178616c98ea3d4a00bf187c8f471 817 816 2025-08-07T20:49:52Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2">} * {{MP link|Discord|link=https://discord.gg/radicalfish|image=Discord.svg|size=64x64px}} * {{MP link|Steam|link=https://store.steampowered.com/app/3110760/Alabaster_Dawn|image=Steam.svg|size=64x64px}} * {{MP link|Official site|link=https://www.alabaster-dawn.com/|image=Alabaster-logo.png|size=64px} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 04b7b2e25084c59e735f8a70626696ba97371a83 818 817 2025-08-07T20:49:59Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2">} * {{MP link|Discord|link=https://discord.gg/radicalfish|image=Discord.svg|size=64x64px}} * {{MP link|Steam|link=https://store.steampowered.com/app/3110760/Alabaster_Dawn|image=Steam.svg|size=64x64px}} * {{MP link|Official site|link=https://www.alabaster-dawn.com/|image=Alabaster-logo.png|size=64x64px} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 2caa94c4c407be59f49553ab6499582161bae17c 819 818 2025-08-07T20:50:14Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Discord|link=https://discord.gg/radicalfish|image=Discord.svg|size=64x64px}} * {{MP link|Steam|link=https://store.steampowered.com/app/3110760/Alabaster_Dawn|image=Steam.svg|size=64x64px}} * {{MP link|Official site|link=https://www.alabaster-dawn.com/|image=Alabaster-logo.png|size=x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 78d557e80d92d63500af9d2625b49b9dc22f43c5 820 819 2025-08-07T20:51:13Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Steam|link=https://store.steampowered.com/app/3110760/Alabaster_Dawn|image=Steam.svg|size=64x64px}} * {{MP link|Discord|link=https://discord.gg/radicalfish|image=Discord.svg|size=64x64px}} * {{MP link|Official site|link=https://www.alabaster-dawn.com/|image=Alabaster-logo.png|size=x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 79cf7834abdd0ea8ec024e1b53022cca8958a5f4 4 5 821 9 2025-08-07T20:57:37Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = Where to start | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Random page|link=Special:Random}} * {{MP link|the game itself|link=Alabaster Dawn|image=alabaster-logo.png|size=x64px}} * {{MP link|Juno o' Lira|image=junoCheese.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 752af20ec96f9d80661b199d67c1a4598dd26513 822 821 2025-08-07T21:03:52Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Random page|link=Special:Random}} * {{MP link|the game itself|link=Alabaster Dawn|image=alabaster-logo.png|size=x64px}} * {{MP link|Juno o' Lira|image=junoCheese.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 11e0ecb6d6ff152382c04c8b3192810218729ec9 823 822 2025-08-07T21:04:22Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Random page|link=Special:Random}} * {{MP link|Alabaster Dawn (game)|link=Alabaster Dawn|image=alabaster-logo.png|size=x64px}} * {{MP link|Juno o' Lira|image=junoCheese.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 352cd1f8dd131b3b944e6742ae7c483680d0da8e 4 4 824 7 2025-08-07T21:07:38Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = Welcome to the {{SITENAME}}! }} We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]] and {{NUMBEROFFILES}} files. It has been edited {{NUMBEROFEDITS}} times. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 8973115f71bccc36dba34081953d535e69799a5e 825 824 2025-08-07T21:09:03Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = Welcome to the Alabaster Dawn wiki! }} The Alabaster Dawn wiki has [[Special:AllPages|{{NUMBEROFARTICLES}} articles]] and {{NUMBEROFFILES}} files. It has been edited {{NUMBEROFEDITS}} times. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 52bf9e48a89afcb3bed3ae0f18a0cddaaaf390b7 4 6 826 11 2025-08-07T21:41:10Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = About Alabaster Dawn }} [[Alabaster Dawn]] is a game being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September, and this wiki is here to document it all!!! <div style="text-align:right">[[Alabaster Dawn|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 9d67db4d88b15cc8d4d703d96e89696bfd11d33f 827 826 2025-08-07T21:57:26Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/about]] to [[Meta:Alabaster Dawn Wiki/about]]: want these out of special:random wikitext text/x-wiki {{Main page box/start | title = About Alabaster Dawn }} [[Alabaster Dawn]] is a game being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September, and this wiki is here to document it all!!! <div style="text-align:right">[[Alabaster Dawn|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 9d67db4d88b15cc8d4d703d96e89696bfd11d33f 0 311 828 2025-08-07T21:57:26Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/about]] to [[Meta:Alabaster Dawn Wiki/about]]: want these out of special:random wikitext text/x-wiki #REDIRECT [[Meta:Alabaster Dawn Wiki/about]] f4737d9a52ae0dae28d349aaed9e70a04aa34a51 4 7 829 13 2025-08-07T21:57:45Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/contribute]] to [[Meta:Alabaster Dawn Wiki/contribute]]: want these out of special:random wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; Adding content :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 8b79debc73480ec2b12cb5e39723b94532fd44bd 0 312 830 2025-08-07T21:57:45Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/contribute]] to [[Meta:Alabaster Dawn Wiki/contribute]]: want these out of special:random wikitext text/x-wiki #REDIRECT [[Meta:Alabaster Dawn Wiki/contribute]] da3a7342430580d59fcabc2541d7bf0218ec6ada 4 8 831 820 2025-08-07T21:57:53Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/external]] to [[Meta:Alabaster Dawn Wiki/external]]: want these out of special:random wikitext text/x-wiki {{Main page box/start | title = External links }} <div class="mp-links columns-2"> * {{MP link|Steam|link=https://store.steampowered.com/app/3110760/Alabaster_Dawn|image=Steam.svg|size=64x64px}} * {{MP link|Discord|link=https://discord.gg/radicalfish|image=Discord.svg|size=64x64px}} * {{MP link|Official site|link=https://www.alabaster-dawn.com/|image=Alabaster-logo.png|size=x64px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 79cf7834abdd0ea8ec024e1b53022cca8958a5f4 0 313 832 2025-08-07T21:57:53Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/external]] to [[Meta:Alabaster Dawn Wiki/external]]: want these out of special:random wikitext text/x-wiki #REDIRECT [[Meta:Alabaster Dawn Wiki/external]] 76995eb68e97134c4c29d8f218e8bda164d53fa5 4 5 833 823 2025-08-07T21:58:05Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/pages]] to [[Meta:Alabaster Dawn Wiki/pages]]: want these out of special:random wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Random page|link=Special:Random}} * {{MP link|Alabaster Dawn (game)|link=Alabaster Dawn|image=alabaster-logo.png|size=x64px}} * {{MP link|Juno o' Lira|image=junoCheese.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 352cd1f8dd131b3b944e6742ae7c483680d0da8e 0 314 834 2025-08-07T21:58:05Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/pages]] to [[Meta:Alabaster Dawn Wiki/pages]]: want these out of special:random wikitext text/x-wiki #REDIRECT [[Meta:Alabaster Dawn Wiki/pages]] bc387f03232ec10c18089566d1bfaf715315fa92 4 4 835 825 2025-08-07T21:58:16Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/welcome]] to [[Meta:Alabaster Dawn Wiki/welcome]]: want these out of special:random wikitext text/x-wiki {{Main page box/start | title = Welcome to the Alabaster Dawn wiki! }} The Alabaster Dawn wiki has [[Special:AllPages|{{NUMBEROFARTICLES}} articles]] and {{NUMBEROFFILES}} files. It has been edited {{NUMBEROFEDITS}} times. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 52bf9e48a89afcb3bed3ae0f18a0cddaaaf390b7 0 315 836 2025-08-07T21:58:16Z DivineGoddess 619222 DivineGoddess renamed page [[Alabaster Dawn Wiki/welcome]] to [[Meta:Alabaster Dawn Wiki/welcome]]: want these out of special:random wikitext text/x-wiki #REDIRECT [[Meta:Alabaster Dawn Wiki/welcome]] 7b2cedebb3f2ce47325fc99b2e69d615bd566fde 4 285 837 811 2025-08-07T22:57:20Z DivineGoddess 619222 wikitext text/x-wiki The wiki's to-do list! == Immediately == * document everything we know so far! * make an article on [[Radical Fish Games]] == Demo release == * [[:Category:Notice templates]] should have their icons replaced once game assets become available * document all the new stuff (duh) ac6425957c00c3f0b6de68a75d139ff7a360eb6f 0 316 838 2025-08-07T22:59:40Z DivineGoddess 619222 Created page with "[[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref>[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September." wikitext text/x-wiki [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref>[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. 51b55a4e7252f0f85199b8de6115a87ed678ea80 839 838 2025-08-07T23:00:03Z DivineGoddess 619222 wikitext text/x-wiki [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref>[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. == References == <references /> 5d89aa774267c75970f12fdf5e84c03e16a628cd 843 839 2025-08-07T23:03:31Z DivineGoddess 619222 wikitext text/x-wiki [[File:Header.jpg|thumb|The game's header on [https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam].]] [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref>[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. == References == <references /> 84fc63c2f99803487e18999ac05862d4ad49f067 844 843 2025-08-07T23:08:58Z DivineGoddess 619222 wikitext text/x-wiki [[File:Header.jpg|thumb|The game's header on [https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam].]] [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. == Plot == <blockquote>Battle enemies with stylish combos, wield multiple divine weapons, solve intriguing puzzles and explore a changing world.<ref name=":0" /></blockquote> == References == <references /> 1ae1d5cf56ea79b6bd8859bb254dea27faef7f29 845 844 2025-08-07T23:12:53Z DivineGoddess 619222 wikitext text/x-wiki [[File:Header.jpg|thumb|The game's header on [https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam].]] [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /></blockquote>Since the game isn't out, this section is going to be mostly marketing language and speculation. == References == <references /> 5c18d7ee0e2f2a19f7cc0ae3f5ac5c675f3fb08c 846 845 2025-08-07T23:20:18Z DivineGoddess 619222 wikitext text/x-wiki [[File:Header.jpg|thumb|The game's header on [https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam].]] [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /> The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing [[the gods]] and [[their people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.</blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.</blockquote> == References == <references /> 356588e5db6e90af38c1dc6ff39664e6849a30a1 848 846 2025-08-07T23:23:03Z DivineGoddess 619222 wikitext text/x-wiki [[File:Header.jpg|thumb|The game's header on [https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam].]] [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /> The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing [[the gods]] and [[their people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.</blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.</blockquote> == References == <references /> 35f9074e6b1898b808a61d24b07eb9ba30ee0f25 849 848 2025-08-07T23:23:13Z DivineGoddess 619222 wikitext text/x-wiki [[File:Header.jpg|thumb|The game's header on [https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam].]] [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /> The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing [[the gods]] and [[their people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.</blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.</blockquote> == References == <references /> 356588e5db6e90af38c1dc6ff39664e6849a30a1 850 849 2025-08-07T23:23:32Z DivineGoddess 619222 wikitext text/x-wiki [[File:Header.jpg|thumb|The game's header on [https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam].]] [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing [[the gods]] and [[their people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.</blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.</blockquote> == References == <references /> baca079be6d8934e562c25ac68e3603d316940de 858 850 2025-08-07T23:42:00Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Description=Break Nyx’s curse and guide humanity's rebirth in this top-down 2.5D Action RPG from the creators of CrossCode. Battle enemies with stylish combos, wield multiple divine weapons, solve intriguing puzzles and explore a changing world. |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing [[the gods]] and [[their people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.</blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.</blockquote> == References == <references /> f553922e32f1eedfbfa259212a6a4a7ad5216db1 862 858 2025-08-07T23:45:23Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing [[the gods]] and [[their people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.</blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.</blockquote> == References == <references /> be56924ff3e3783d47909530e6bfea2a7cd50ed8 879 862 2025-08-08T01:53:00Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.</blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.</blockquote> == References == <references /> 110cee4d2d7f869d1edf8b78b854fc0db68ce14b 6 310 840 814 2025-08-07T23:02:02Z DivineGoddess 619222 wikitext text/x-wiki == Summary == Logo from the official site. Retrieved from https://www.alabaster-dawn.com/ [[Category:Promotional images]] == Licensing == {{License|game}} c9c90f735196d8918ffc41165769f20abe07a6c4 6 317 841 2025-08-07T23:02:39Z DivineGoddess 619222 Steam header, retrieved from https://store.steampowered.com/app/3110760/Alabaster_Dawn/ wikitext text/x-wiki == Summary == Steam header, retrieved from https://store.steampowered.com/app/3110760/Alabaster_Dawn/ == Licensing == {{License|game}} af5cabd9ff9aec35e5710df3a47cdaf44907cd40 842 841 2025-08-07T23:02:55Z DivineGoddess 619222 wikitext text/x-wiki == Summary == Steam header, retrieved from https://store.steampowered.com/app/3110760/Alabaster_Dawn/ [[Category:Promotional images]] == Licensing == {{License|game}} 40ba3ff2f77defd8aa32d6f232f1d0779472e74e 0 294 847 624 2025-08-07T23:22:24Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]], the "Outcast Chosen"<ref>[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == References == <references /> {{maximalist navbox}} [[Category:Red link]] 8573a0d9a4bd3844946ad5bb649d02d100bbb993 856 847 2025-08-07T23:32:33Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]], the Outcast Chosen<ref>[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == References == <references /> {{maximalist navbox}} [[Category:Red link]] b34ec33fc23777f1de5279954d56ceb809f11d0a 880 856 2025-08-08T01:54:06Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == References == <references /> {{maximalist navbox}} [[Category:Red link]] 412e541f2819e7b0759c5646bbca5466a24c72e9 4 6 851 827 2025-08-07T23:26:31Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = About Alabaster Dawn }} [[File:Header.jpg|thumb|The game's header on [https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam].]] [[Alabaster Dawn]] is a top-down 2.5D Action RPG developed by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds on top of Radical Fish Games' previous title [[CrossCode]]. <div style="text-align:right">[[Alabaster Dawn|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 6f92a92e0643dcc1bc9b3f5eaff17767b857d2a9 852 851 2025-08-07T23:27:53Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = About Alabaster Dawn }} [[Alabaster Dawn]] is a top-down 2.5D Action RPG developed by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds on top of Radical Fish Games' previous title [[CrossCode]]. [[File:Header.jpg|300px]] <div style="text-align:right">[[Alabaster Dawn|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 177a0205531a7f7b1e1d7d606d86388b91d89c72 853 852 2025-08-07T23:28:10Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = About Alabaster Dawn }} [[Alabaster Dawn]] is a top-down 2.5D Action RPG developed by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds on top of Radical Fish Games' previous title [[CrossCode]]. [[File:Header.jpg|300px|center]] <div style="text-align:right">[[Alabaster Dawn|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 2d716716e44f4f5f068d0e727ddfc49b67e3be85 855 853 2025-08-07T23:31:55Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = About Alabaster Dawn }} [[Alabaster Dawn]] is a top-down 2.5D Action RPG developed by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds on top of Radical Fish Games' previous title [[CrossCode]]. [[File:Header.jpg|300px|center|link=Alabaster Dawn]] <div style="text-align:right">[[Alabaster Dawn|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> bdd0dc11f32e117d407aa6e2f66706044e202500 0 2 854 4 2025-08-07T23:31:02Z DivineGoddess 619222 wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, (1) add a new section to the grid layout below (all three breakpoints!) and then (2) save or preview this page and then (3) click "Create this box" -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about pages pages contribute contribute external <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about pages contribute external <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about pages external contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the Alabaster Dawn wiki, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> 6c7507b6041cf9fa4be4bfdb1f97f20ebfbe53fa 10 318 857 2025-08-07T23:38:36Z DivineGoddess 619222 Created page with "<includeonly>{{#invoke:Infobox|main |sep=;; |title=Game |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Details;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Release date;; Developer |Properties_nolabel=yes |Properties_class=attribute |Details=Players;; Language;; Platforms |Details_class=numerical |Footer_..." wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=Game |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Details;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Release date;; Developer |Properties_nolabel=yes |Properties_class=attribute |Details=Players;; Language;; Platforms |Details_class=numerical |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- --></includeonly><noinclude>{{documentation}}</noinclude> 84ae09d7f5f1e79ac887f3d8c580d686f4a5ca44 859 857 2025-08-07T23:42:21Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=Game |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}256px]]}} |sections=Name;; Description;; Properties;; Details;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Release date;; Developer |Properties_nolabel=yes |Properties_class=attribute |Details=Players;; Language;; Platforms |Details_class=numerical |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- --></includeonly><noinclude>{{documentation}}</noinclude> 65758addbd8c6d61eb6d10c63f8d12ad513264d2 860 859 2025-08-07T23:43:12Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=Game |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}200px]]}} |sections=Name;; Description;; Properties;; Details;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Release date;; Developer |Properties_nolabel=yes |Properties_class=attribute |Details=Players;; Language;; Platforms |Details_class=numerical |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- --></includeonly><noinclude>{{documentation}}</noinclude> c0d31ae228a4ec99ea6a0858d7c23bbbdb8c2572 861 860 2025-08-07T23:44:52Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=Game |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}200px]]}} |sections=Name;; Properties;; Details;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Properties=Release date;; Developer |Properties_nolabel=yes |Properties_class=attribute |Details=Players;; Language;; Platforms |Details_class=numerical |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- --></includeonly><noinclude>{{documentation}}</noinclude> b0a98af0d0f2b15f3ae23047c3a8d24268973386 8 278 863 807 2025-08-08T01:29:00Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-group .ranger-wrap, .ranger-navbox .ranger-subgroup .ranger-wrap, .ranger-navbox .ranger-header .ranger-wrap { font-size: 0.7rem; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 9295db9483914097c384551066f66e64bfc73a80 864 863 2025-08-08T01:33:05Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; margin-top: 10px; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-group .ranger-wrap, .ranger-navbox .ranger-subgroup .ranger-wrap, .ranger-navbox .ranger-header .ranger-wrap { font-size: 0.7rem; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 076f57c3161663a3f128b6776c384f90ddd6e279 865 864 2025-08-08T01:33:16Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; margin-top: 100px; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-group .ranger-wrap, .ranger-navbox .ranger-subgroup .ranger-wrap, .ranger-navbox .ranger-header .ranger-wrap { font-size: 0.7rem; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 10be23cf984c5d3963eb937cb0af1ba85e8f4276 866 865 2025-08-08T01:33:49Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-group .ranger-wrap, .ranger-navbox .ranger-subgroup .ranger-wrap, .ranger-navbox .ranger-header .ranger-wrap { font-size: 0.7rem; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 9295db9483914097c384551066f66e64bfc73a80 872 866 2025-08-08T01:37:36Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; margin-top: 1em !important; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-group .ranger-wrap, .ranger-navbox .ranger-subgroup .ranger-wrap, .ranger-navbox .ranger-header .ranger-wrap { font-size: 0.7rem; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 36ec34b26adf4df7c46b33f35de635a6d91d2eee 875 872 2025-08-08T01:38:17Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-group .ranger-wrap, .ranger-navbox .ranger-subgroup .ranger-wrap, .ranger-navbox .ranger-header .ranger-wrap { font-size: 0.7rem; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 9295db9483914097c384551066f66e64bfc73a80 876 875 2025-08-08T01:40:31Z Westgrass 40 font size setting css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .ranger-group .ranger-wrap, .ranger-navbox .ranger-subgroup .ranger-wrap, .ranger-navbox .ranger-header .ranger-wrap { font-size: 0.7rem; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 459fc3a804ba06bd3a130a8c274d7e60b73b4a6a 878 876 2025-08-08T01:44:47Z DivineGoddess 619222 css text/css /* Custom RANGER styles can go here. Rules here will override rules of equal specificity in main.css */ .ranger-navbox { --navbox-header-color: var(--ala-heading-text); --navbox-header-icon-color: var(--ala-link); --navbox-title-icon-color: var(--ala-link); --navbox-title-color: var(--ala-heading-text); --navbox-title-background: var(--ala-bg-heading-top); --navbox-header-background: var(--ala-bg-heading-section); --navbox-background: var(--ala-bg); --navbox-list-color: var(--ala-text); --navbox-group-background: var(--ala-bg2); --navbox-group-color: var(--ala-text); --wiki-content-redlink-color: var(--ala-redlink); --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --navbox-tree-line-color: var(--ala-heading-text); --navbox-header-link-color: var(--ala-heading-text); --navbox-header-redlink-color: var(--ala-heading-text); --navbox-list-background: none; --navbox-group-text-align: center; font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); position: relative; padding: 0; } .ranger-navbox::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; z-index: 1; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 800; font-variation-settings: "wdth" 120; } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title, .ranger-navbox .ranger-group .ranger-wrap, .ranger-navbox .ranger-subgroup .ranger-wrap, .ranger-navbox .ranger-header .ranger-wrap { font-size: 0.7rem; } .ranger-navbox .hlist dd:not(:last-child)::after, .ranger-navbox .hlist li:not(:last-child)::after{ content: "\20\A0⬥\A0\20"; font-family: "Noto Sans Symbols 2", sans-serif !important; font-size: 0.5rem; text-shadow: none; vertical-align: middle; color: var(--ala-heading-text); } .ranger-navbox .ranger-header, .ranger-navbox .ranger-title { text-shadow: none; } .ranger-navbox .mw-selflink, .ranger-navbox .mw-selflink:active { font-weight: 900; color: var(--ala-yellow); } 7bcfcf931cd64b54ee602b5c0900e703e1ab8b8e 8 254 867 729 2025-08-08T01:34:37Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 100px; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 005312d5beedf678dc1f7138e2c58ecce4aa8e23 868 867 2025-08-08T01:34:47Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } b8fb090c492469c588497fdd8d2e598f72021156 869 868 2025-08-08T01:36:22Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 50px !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 426288b8519399832b1ae56b8e2e93eade8bc6af 870 869 2025-08-08T01:36:32Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 10px !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 15b84fb4fdd691f86876b2f33ff025795938b33e 871 870 2025-08-08T01:37:05Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 1em !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 3a0b3b68dd385bfeaae6513e89d1cc99c21df783 873 871 2025-08-08T01:37:42Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } b8fb090c492469c588497fdd8d2e598f72021156 874 873 2025-08-08T01:38:10Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 1em !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 3a0b3b68dd385bfeaae6513e89d1cc99c21df783 8 249 877 273 2025-08-08T01:43:39Z DivineGoddess 619222 css text/css /** as of Module:navbox version 1.2.4 **/ .ranger-navbox{ border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: var(--navbox-font-size); margin: var(--navbox-margin); background: var(--navbox-background); line-height: 1.5; clear:both; } .ranger-navbox * { border: 0; } .ranger-navbox .center *{ margin-left: unset; margin-right: unset; } .ranger-navbox, .ranger-navbox .ranger-section, .ranger-navbox .ranger-listbox{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-title, .ranger-navbox .ranger-header{ text-align: center; min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .ranger-navbox .ranger-title{ color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: var(--navbox-title-font-size); padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a:visited, .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited, .ranger-navbox .ranger-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .ranger-navbox .ranger-title a, .ranger-navbox .ranger-title a.external, .ranger-navbox .ranger-title a.external:visited { color: var(--navbox-title-link-color); } .ranger-navbox .ranger-title a:visited{ color: var(--navbox-title-link-color--visited); } .ranger-navbox .ranger-title a.new, .ranger-navbox .ranger-title a.new:visited{ color:var(--navbox-title-redlink-color); } .ranger-navbox .ranger-title a:hover, .ranger-navbox .ranger-title a:visited:hover, .ranger-navbox .ranger-title a.external:hover, .ranger-navbox .ranger-title a.external:visited:hover { color:var(--navbox-title-link-color--hover); } .ranger-navbox .ranger-header{ color: var(--navbox-header-color); background: var(--navbox-header-background); font-size: var(--navbox-header-font-size); padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-sublist .ranger-header{ font-size: var(--navbox-subheader-font-size); padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */ } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a:visited, .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited, .ranger-navbox .ranger-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .ranger-navbox .ranger-header a, .ranger-navbox .ranger-header a.external, .ranger-navbox .ranger-header a.external:visited { color: var(--navbox-header-link-color); } .ranger-navbox .ranger-header a:visited{ color: var(--navbox-header-link-color--visited); } .ranger-navbox .ranger-header a.new, .ranger-navbox .ranger-header a.new:visited{ color:var(--navbox-header-redlink-color); } .ranger-navbox .ranger-header a:hover, .ranger-navbox .ranger-header a:visited:hover, .ranger-navbox .ranger-header a.external:hover, .ranger-navbox .ranger-header a.external:visited:hover { color:var(--navbox-header-link-color--hover); } .ranger-navbox .ranger-meta{ font-size: var(--navbox-title-font-size); position: absolute; left: var(--navbox-icon-offset--x); top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */ display: block; } .ranger-navbox .ranger-meta .nv{ --mask: var(--icon-metalinks); display: block; width: 0.84em; /* based on the icon graph */ height: 0.84em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .ranger-navbox .ranger-meta .nv > a{ display: block; width: 100%; height: 100%; opacity: 0; } .ranger-navbox .ranger-meta .nv > a > span{ display: block; width: 100%; height: 100%; overflow: hidden; } .ranger-navbox .ranger-meta:has(.mw-selflink){ display: none; } .ranger-navbox, .ranger-navbox .ranger-section{ position: relative; } .ranger .mw-collapsible-toggle-placeholder{ display: none; } .ranger-navbox .ranger-title > .ranger-title-text, .ranger-navbox .ranger-header > .ranger-header-text{ pointer-events: none; } .ranger-navbox .ranger-title > .ranger-title-text a, .ranger-navbox .ranger-header > .ranger-header-text a{ pointer-events: auto; } .ranger-navbox .ranger-title > .mw-collapsible-toggle, .ranger-navbox .ranger-header > .mw-collapsible-toggle{ --mask: var(--icon-chevron-down); position: absolute; right: 0; top: 0; z-index: -1; display: block; width: 100%; height: 100%; overflow:hidden; } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ width: 1.5em; height: 1.5em; right: var(--navbox-icon-offset--x); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle{ top: var(--navbox-title-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-header-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle{ top: var(--navbox-subheader-padding--y); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ content: ""; display: block; width: 1.5em; height: 1.5em; position: absolute; right: var(--navbox-icon-offset--x); -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); } .ranger-navbox .ranger-title > .mw-collapsible-toggle::before{ top: var(--navbox-title-padding--y); } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-header-padding--y); } .ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before{ top: var(--navbox-subheader-padding--y); } .ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before, .ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before{ top: 0; right: 0; } .ranger-navbox .ranger-header > .mw-collapsible-toggle::before{ background-color: var(--navbox-header-icon-color); } .ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before, .ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before{ transform: none; } .ranger-navbox .ranger-title > .mw-collapsible-toggle *, .ranger-navbox .ranger-title > .mw-collapsible-toggle::after, .ranger-navbox .ranger-header > .mw-collapsible-toggle *, .ranger-navbox .ranger-header > .mw-collapsible-toggle::after{ display: none; } .ranger-navbox .ranger-list{ width: unset; padding: var(--navbox-list-padding); } .ranger-navbox .ranger-above{ background: var(--navbox-above-background); color: var(--navbox-above-color); padding: var(--navbox-above-padding); width: unset; } .ranger-navbox .ranger-below{ background: var(--navbox-below-background); color: var(--navbox-below-color); padding: var(--navbox-below-padding); width: unset; } .ranger-navbox .ranger-sublist{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .ranger-navbox .ranger-section-body{ display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0,1fr); } /* gap fix for collapsed content */ .ranger-navbox [class^="ranger-"][hidden="until-found"]{ margin-top: calc(0px - var(--navbox-gap)) !important; } .ranger-navbox .ranger-row{ display: contents; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align); font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); padding: var(--navbox-group-padding); width: unset; } /* for desktop view */ .ranger-navbox.group-align-left .ranger-group, .ranger-navbox.group-align-left .ranger-subgroup{ --navbox-group-text-align: left; } .ranger-navbox.group-align-center .ranger-group, .ranger-navbox.group-align-center .ranger-subgroup{ --navbox-group-text-align: center; } .ranger-navbox.group-align-right .ranger-group, .ranger-navbox.group-align-right .ranger-subgroup{ --navbox-group-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-group-align-left .ranger-group, .ranger-navbox.mobile-group-align-left .ranger-subgroup{ --navbox-group-text-align--mobile: left; } .ranger-navbox.mobile-group-align-center .ranger-group, .ranger-navbox.mobile-group-align-center .ranger-subgroup{ --navbox-group-text-align--mobile: center; } .ranger-navbox.mobile-group-align-right .ranger-group, .ranger-navbox.mobile-group-align-right .ranger-subgroup{ --navbox-group-text-align--mobile: right; } /* for desktop view */ .ranger-navbox.list-align-left .ranger-listbox{ --navbox-list-text-align: left; } .ranger-navbox.list-align-center .ranger-listbox{ --navbox-list-text-align: center; } .ranger-navbox.list-align-right .ranger-listbox{ --navbox-list-text-align: right; } /* for mobile view */ .ranger-navbox.mobile-list-align-left .ranger-listbox{ --navbox-list-text-align--mobile: left; } .ranger-navbox.mobile-list-align-center .ranger-listbox{ --navbox-list-text-align--mobile: center; } .ranger-navbox.mobile-list-align-right .ranger-listbox{ --navbox-list-text-align--mobile: right; } .ranger-navbox .ranger-listbox > .ranger-wrap{ text-align: var(--navbox-list-text-align); background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .ranger-navbox .ranger-sublist{ flex-grow: var(--count); } .ranger-navbox .ranger-listbox:first-child{ /* A list-n without group-n */ grid-column-end: span 2; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox > .ranger-wrap{ display: grid; justify-items: stretch; align-items: center; } .ranger-navbox.striped-even .ranger-even, .ranger-navbox.striped-odd .ranger-odd{ background: var(--navbox-list-background--striped); } /* make links use full line height (larger click box)*/ .ranger-navbox .hlist a{ display: inline-block; } .ranger-navbox .align-left, .ranger-navbox .alignleft{ text-align: left; } .ranger-navbox .align-center, .ranger-navbox .aligncenter{ text-align: center; } .ranger-navbox .align-right, .ranger-navbox .alignright{ text-align: right; } /* responsive */ @media screen and (max-width: 720px) { .ranger-navbox .ranger-section-body, .ranger-navbox .ranger-sublist { display: flex; flex-flow: column; } .ranger-navbox .ranger-row{ display: block; } .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child, .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child{ margin-top: var(--navbox-gap); } .ranger-navbox .ranger-listbox.empty{ display: none; } .ranger-navbox .ranger-group, .ranger-navbox .ranger-subgroup{ text-align: var(--navbox-group-text-align--mobile, left); max-width: unset !important; } .ranger-navbox .ranger-group > *, .ranger-navbox .ranger-subgroup > *{ max-width: unset !important; } .ranger-navbox .ranger-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .ranger-navbox .ranger-subgroup, .ranger-navbox .ranger-listbox { position:relative; } .ranger-navbox .ranger-group br, .ranger-navbox .ranger-subgroup br{ display: none; } .ranger-navbox .ranger-listbox > .ranger-wrap{ text-align: var(--navbox-list-text-align--mobile, left); } .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header{ margin-left: calc( 0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent)); } .ranger-navbox .ranger-sublist .ranger-row > ::before{ position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ''; display: block; background-color: var(--navbox-tree-line-color); } .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before, .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before{ height: calc(100% + var(--navbox-gap)); } .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before { display: none; } .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before { display: block; height: calc(50% + var(--navbox-tree-line-width)/2); } .ranger-navbox .ranger-subgroup::after, .ranger-navbox .ranger-row .ranger-row.empty-group > .ranger-listbox > .ranger-wrap::after{ position: absolute; left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width)); height: var(--navbox-tree-line-width); content: ''; background-color: var(--navbox-tree-line-color); } /* increase height for links */ .ranger-navbox .hlist{ line-height: 2; } } /**** `.pill` class: the "pill" style ****/ /* remove middle dots betweem items */ .ranger-navbox.pill .hlist dd:not(:last-child)::after, .ranger-navbox.pill .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill .hlist dd ol::before, .ranger-navbox.pill .hlist dd ul::before, .ranger-navbox.pill .hlist dd dl::before, .ranger-navbox.pill .hlist dt ol::before, .ranger-navbox.pill .hlist dt ul::before, .ranger-navbox.pill .hlist dt dl::before, .ranger-navbox.pill .hlist li ol::before, .ranger-navbox.pill .hlist li ul::before, .ranger-navbox.pill .hlist li dl::before, .ranger-navbox.pill .hlist dd ol::after, .ranger-navbox.pill .hlist dd ul::after, .ranger-navbox.pill .hlist dd dl::after, .ranger-navbox.pill .hlist dt ol::after, .ranger-navbox.pill .hlist dt ul::after, .ranger-navbox.pill .hlist dt dl::after, .ranger-navbox.pill .hlist li ol::after, .ranger-navbox.pill .hlist li ul::after, .ranger-navbox.pill .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill .hlist ul, .ranger-navbox.pill .hlist ol, .ranger-navbox.pill .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill .hlist li, .ranger-navbox.pill .hlist dt, .ranger-navbox.pill .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill .hlist dd:hover, .ranger-navbox.pill .hlist dd:focus, .ranger-navbox.pill .hlist dt:hover, .ranger-navbox.pill .hlist dt:focus, .ranger-navbox.pill .hlist li:hover, .ranger-navbox.pill .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } /**** `.pill-mobile` class: only apply the "pill" style on mobile ****/ @media screen and (max-width: 720px) { /* remove middle dots betweem items */ .ranger-navbox.pill-mobile .hlist dd:not(:last-child)::after, .ranger-navbox.pill-mobile .hlist li:not(:last-child)::after{ display: none; } /* remove parentheses around nested lists*/ .ranger-navbox.pill-mobile .hlist dd ol::before, .ranger-navbox.pill-mobile .hlist dd ul::before, .ranger-navbox.pill-mobile .hlist dd dl::before, .ranger-navbox.pill-mobile .hlist dt ol::before, .ranger-navbox.pill-mobile .hlist dt ul::before, .ranger-navbox.pill-mobile .hlist dt dl::before, .ranger-navbox.pill-mobile .hlist li ol::before, .ranger-navbox.pill-mobile .hlist li ul::before, .ranger-navbox.pill-mobile .hlist li dl::before, .ranger-navbox.pill-mobile .hlist dd ol::after, .ranger-navbox.pill-mobile .hlist dd ul::after, .ranger-navbox.pill-mobile .hlist dd dl::after, .ranger-navbox.pill-mobile .hlist dt ol::after, .ranger-navbox.pill-mobile .hlist dt ul::after, .ranger-navbox.pill-mobile .hlist dt dl::after, .ranger-navbox.pill-mobile .hlist li ol::after, .ranger-navbox.pill-mobile .hlist li ul::after, .ranger-navbox.pill-mobile .hlist li dl::after { display: none; } /* make lists inline-flex */ .ranger-navbox.pill-mobile .hlist ul, .ranger-navbox.pill-mobile .hlist ol, .ranger-navbox.pill-mobile .hlist dl{ display: inline-flex; gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* "pill" style for items */ .ranger-navbox.pill-mobile .hlist li, .ranger-navbox.pill-mobile .hlist dt, .ranger-navbox.pill-mobile .hlist dd{ padding: var(--navbox-pill-padding); border-radius: var(--navbox-pill-border-radius); box-shadow: var(--navbox-pill-box-shadow); background: var(--navbox-pill-background); /* 100% height */ display: flex; align-items: center; /* for nested lists */ gap: var(--navbox-pill-gap); flex-wrap: wrap; } /* Add a hover / focus feedback style */ .ranger-navbox.pill-mobile .hlist dd:hover, .ranger-navbox.pill-mobile .hlist dd:focus, .ranger-navbox.pill-mobile .hlist dt:hover, .ranger-navbox.pill-mobile .hlist dt:focus, .ranger-navbox.pill-mobile .hlist li:hover, .ranger-navbox.pill-mobile .hlist li:focus { box-shadow: var(--navbox-pill-box-shadow--hover); background: var(--navbox-pill-background--hover); } /* pill with selflink * * Only select the deepest level for nested lists. * We have to use :has() to pick pills with selflink and * all browsers which support :has() should also support :is() and :not(), * therefore we can use :is() and :not() here safely. */ .ranger-navbox.pill-mobile .hlist .ranger-list :is(li,dt,dd):has(.mw-selflink):not(:has(li, dt, dd)){ background: var(--navbox-pill-selflink-background); } } /********************* * End Template:Navbox* **********************/ fe54cb7ce715e835bcc0c972d76364cbc18f5bc6 6 319 881 2025-08-08T02:03:40Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Cryptid images]] [[Category:Enemies]] == Licensing == {{License|game}} 11d1b9fee39d088664fe83b4a60c506476b40489 6 320 882 2025-08-08T02:03:40Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Cryptid images]] [[Category:Enemies]] == Licensing == {{License|game}} 11d1b9fee39d088664fe83b4a60c506476b40489 6 321 883 2025-08-08T02:03:41Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Cryptid images]] [[Category:Enemies]] == Licensing == {{License|game}} 11d1b9fee39d088664fe83b4a60c506476b40489 6 322 884 2025-08-08T02:03:42Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Cryptid images]] [[Category:Enemies]] == Licensing == {{License|game}} 11d1b9fee39d088664fe83b4a60c506476b40489 6 323 885 2025-08-08T02:04:21Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Cryptid images]] [[Category:Juno]] == Licensing == {{License|game}} 30674b1971116c17a1372998dc15056f4c4706c0 6 324 886 2025-08-08T02:04:22Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Cryptid images]] [[Category:Juno]] == Licensing == {{License|game}} 30674b1971116c17a1372998dc15056f4c4706c0 0 294 887 880 2025-08-08T02:05:43Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == Juno gets various weapons throughout the game.<gallery> File:Sword.png|sword? File:Hammer.png|hammer? </gallery> == References == <references /> {{maximalist navbox}} [[Category:Red link]] 49fe3012550d539035f5757a495578d34c25709a 897 887 2025-08-08T02:14:39Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == Juno gets various weapons throughout the game.<gallery> File:Sword.png|sword? File:Hammer.png|hammer? </gallery> == References == <references /> {{maximalist navbox}} f2dc7f7d7981b522865dc41b0fa8def39eb1eccd 909 897 2025-08-08T02:35:06Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == References == <references /> {{maximalist navbox}} 8b81a3a43379a33b782400ea26eabb6287bcef4f 912 909 2025-08-08T02:40:43Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == References == <references /> {{maximalist navbox}} 4000e6859f1c29fbe0a62807ebcb2f45d45cc32a 921 912 2025-08-08T03:13:44Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref>[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> </gallery> == References == <references /> {{maximalist navbox}} a0694638a784d65576ef56ae47243bb131c74e81 926 921 2025-08-08T03:17:50Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character test |image=JunoCheese.png |Pronouns=she/her |Species=human? }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref>[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> </gallery> == References == <references /> {{maximalist navbox}} 87402b7ca3020f84ba81a79695a008517ce82ec0 927 926 2025-08-08T03:18:00Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=JunoCheese.png |Pronouns=she/her |Species=human? }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref>[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> </gallery> == References == <references /> {{maximalist navbox}} d804f9e1a1dd7619c9d1efb06c93deacc8c3f409 928 927 2025-08-08T03:20:22Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=JunoCheese.png |Pronouns=she/her |Species=human? }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == Personality == <blockquote>Juno might look confident [...] – and she really is when it comes to handling a weapon – but otherwise you’ll find her to be a calm and almost shy person. She prefers the quiet places of nature and likes to avoid crowds of people. She doesn’t mind animals though and in fact, they tend to flock around her. Also she’s not a picky eater. She eats everything. Almost literally.</blockquote> == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref>[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> </gallery> == References == <references /> {{maximalist navbox}} fbf76833c38ddf5b7808a22a08fadb4ec2c8fa00 929 928 2025-08-08T03:20:45Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=JunoCheese.png |Pronouns=she/her |Species=human? }} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == Personality == <blockquote>Juno might look confident [...] – and she really is when it comes to handling a weapon – but otherwise you’ll find her to be a calm and almost shy person. She prefers the quiet places of nature and likes to avoid crowds of people. She doesn’t mind animals though and in fact, they tend to flock around her. Also she’s not a picky eater. She eats everything. Almost literally.<ref name=":1" /></blockquote> == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref name=":1">[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> </gallery> == References == <references /> {{maximalist navbox}} cd3746e399018792539781455f46796d29ceae22 0 325 888 2025-08-08T02:06:25Z DivineGoddess 619222 Redirected page to [[Juno o' Lira#Weapons]] wikitext text/x-wiki #REDIRECT: [[Juno o' Lira#Weapons]] fdaab08601210883618384d80709bfb9f2d43133 906 888 2025-08-08T02:33:26Z DivineGoddess 619222 Removed redirect to [[Juno o' Lira#Weapons]] wikitext text/x-wiki The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. 4e1e426a60a1831a71215b07b7e0e10d25adc4d3 907 906 2025-08-08T02:34:05Z DivineGoddess 619222 wikitext text/x-wiki The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. <gallery> File:Sword.png|sword? File:Hammer.png|hammer? </gallery> [[Category:Weapons]] d3d3fb792e9ed25eae202da5db2b94fb48f13b1c 908 907 2025-08-08T02:34:18Z DivineGoddess 619222 wikitext text/x-wiki The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. <gallery> File:Sword.png|sword? File:Hammer.png|hammer? </gallery> [[Category:Divine weapons]] 3067849a72edd5dbdcc5a6d86dbfd95df3b88c44 913 908 2025-08-08T02:40:49Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. <gallery> File:Sword.png|sword? File:Hammer.png|hammer? </gallery> [[Category:Divine weapons]] 6128976c47827746d194bd6e63865deae356f19b 8 309 889 810 2025-08-08T02:08:01Z DivineGoddess 619222 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** Meta:Style guide|Style guide ** Meta:To do|To do ** Meta:Crumbs|Crumbs * Alabaster Dawn ** Category:Characters|Characters ** Cagegory:Items|Items ** Category:Locations|Locations ** Enemies|Enemies ** Cooking|Cooking ** Skills|Skills * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 25b329fbf0bd663b0da048d23fba09b7194e5be3 0 326 890 2025-08-08T02:09:15Z DivineGoddess 619222 Created page with "We don't know much about the enemies yet, but here's a temporary gallery of the ones we've seen:<gallery> File:Enemy 1.png|some kind of beetle File:Enemy 2.png|this one might be a boss File:Enemy 3.png|lion scorpion thing File:Enemy 4.png|i think this is a smear from it spinning, it opens up when you hit it </gallery>" wikitext text/x-wiki We don't know much about the enemies yet, but here's a temporary gallery of the ones we've seen:<gallery> File:Enemy 1.png|some kind of beetle File:Enemy 2.png|this one might be a boss File:Enemy 3.png|lion scorpion thing File:Enemy 4.png|i think this is a smear from it spinning, it opens up when you hit it </gallery> 0e9a7b8b3f16615d2fd5c5f956a0df5dae2ca8df 896 890 2025-08-08T02:14:24Z DivineGoddess 619222 wikitext text/x-wiki We don't know much about the enemies yet, but here's a temporary gallery of the ones we've seen:<gallery> File:Enemy 1.png|some kind of beetle File:Enemy 2.png|this one might be a boss File:Enemy 3.png|lion scorpion thing File:Enemy 4.png|i think this is a smear from it spinning, it opens up when you hit it </gallery> [[Category:Enemies]] eac1b55ef516a473fff79510530f56f62debf150 899 896 2025-08-08T02:18:15Z DivineGoddess 619222 wikitext text/x-wiki [[File:Enemies.webm|thumb|600x600px|A video of the enemies, from the steam page.]] We don't know much about the enemies yet, but here's a temporary gallery of the ones we've seen:<gallery> File:Enemy 1.png|some kind of beetle File:Enemy 2.png|this one might be a boss File:Enemy 3.png|lion scorpion thing File:Enemy 4.png|i think this is a smear from it spinning, it opens up when you hit it </gallery> [[Category:Enemies]] b25346db24bb4d384dec77e2de0fd81be129f3ab 911 899 2025-08-08T02:40:38Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Enemies.webm|thumb|600x600px|A video of the enemies, from the steam page.]] We don't know much about the enemies yet, but here's a temporary gallery of the ones we've seen:<gallery> File:Enemy 1.png|some kind of beetle File:Enemy 2.png|this one might be a boss File:Enemy 3.png|lion scorpion thing File:Enemy 4.png|i think this is a smear from it spinning, it opens up when you hit it </gallery> [[Category:Enemies]] 7278a41f05c8288d602c852d952766246d2b46e4 917 911 2025-08-08T02:52:11Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Enemies.webm|thumb|600x600px|A video of the enemies, from the steam page.]] We don't know much about the enemies yet, but here's a temporary gallery of the ones we've seen:<gallery> File:Enemy 1.png|some kind of beetle File:Enemy 2.png|this one might be a boss File:Enemy 3.png|lion scorpion thing File:Enemy 4.png|i think this is a smear from it spinning, it opens up when you hit it </gallery> == Flying fish == There's these: <youtube>https://www.youtube.com/watch?v=e6ArcNILTvU</youtube> [[Category:Enemies]] 1cb8923194bb4da34c285e6e9526417886c59aec 918 917 2025-08-08T02:53:35Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Enemies.webm|thumb|600x600px|A video of the enemies, from the steam page.]] We don't know much about the enemies yet, but here's a temporary gallery of the ones we've seen:<gallery> File:Enemy 1.png|some kind of beetle File:Enemy 2.png|this one might be a boss File:Enemy 3.png|lion scorpion thing File:Enemy 4.png|i think this is a smear from it spinning, it opens up when you hit it </gallery> == Flying fish == There's these: <youtube>https://www.youtube.com/watch?v=e6ArcNILTvU</youtube> == Enraged turtle == These too: <youtube>https://www.youtube.com/watch?v=WP5vnSAhKio</youtube> [[Category:Enemies]] fe59511e9a8ba28fd09b91b544614d5f2d0fb868 6 327 891 2025-08-08T02:12:06Z DivineGoddess 619222 [[Category:Promotional images]] wikitext text/x-wiki == Summary == [[Category:Promotional images]] == Licensing == {{License|game}} a91690fb8ad9f64a1b853c3eb05b882df194ba59 0 328 892 2025-08-08T02:13:04Z DivineGoddess 619222 Created page with "dfsaaf [[File:Tiran sol.webm|thumb|Footage of Tiran Sol from the steam page.]]" wikitext text/x-wiki dfsaaf [[File:Tiran sol.webm|thumb|Footage of Tiran Sol from the steam page.]] 3e2890ffdec3c83d4ded015ce8729421b271c74a 893 892 2025-08-08T02:13:14Z DivineGoddess 619222 wikitext text/x-wiki [[File:Tiran sol.webm|thumb|Footage of Tiran Sol from the steam page.]] dfsaaf 7d7451ae94849bbaddfdb1608aa59a873d0252ce 894 893 2025-08-08T02:13:56Z DivineGoddess 619222 wikitext text/x-wiki [[File:Tiran sol.webm|thumb|Footage of Tiran Sol from the steam page.|600x600px]] [[Tiran Sol]] is the setting of [[Alabaster Dawn]]. fe33245941e02503402a6a1da2f951c2e3f29e57 895 894 2025-08-08T02:14:08Z DivineGoddess 619222 wikitext text/x-wiki [[File:Tiran sol.webm|thumb|Footage of Tiran Sol from the steam page.|600x600px]] [[Tiran Sol]] is the setting of [[Alabaster Dawn]]. [[Category:Locations]] a166a36311bd43b1966586109b17cb96b368d14f 910 895 2025-08-08T02:38:47Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Tiran sol.webm|thumb|Footage of Tiran Sol from the steam page.|600x600px]] [[Tiran Sol]] is the setting of [[Alabaster Dawn]]. [[Category:Locations]] 03df996d722438067d05762e34e880d4339e5dc8 6 329 898 2025-08-08T02:17:50Z DivineGoddess 619222 [[Category:Promotional images]] wikitext text/x-wiki == Summary == [[Category:Promotional images]] == Licensing == {{License|game}} a91690fb8ad9f64a1b853c3eb05b882df194ba59 0 316 900 879 2025-08-08T02:25:22Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.</blockquote> <blockquote>...7 unique areas and many secrets to uncover. Rebuild settlements, establish trade routes and advance science by helping people. Each new advancement will be accompanied by the settlements changing visually, opening up new paths and opportunities!<ref name=":0" /></blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.</blockquote> == References == <references /> 5454b6f2b73872958dbcd84f02886db68697499b 901 900 2025-08-08T02:26:03Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.<ref name=":0" /></blockquote> <blockquote>...7 unique areas and many secrets to uncover. Rebuild settlements, establish trade routes and advance science by helping people. Each new advancement will be accompanied by the settlements changing visually, opening up new paths and opportunities!<ref name=":0" /></blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.</blockquote> == References == <references /> 094add01629b515cc71f403327ba7ca874071025 902 901 2025-08-08T02:27:34Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[:Category:Locations|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.<ref name=":0" /></blockquote> <blockquote>...7 unique areas and many secrets to uncover. Rebuild settlements, establish trade routes and advance science by helping people. Each new advancement will be accompanied by the settlements changing visually, opening up new paths and opportunities!<ref name=":0" /></blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.<ref name=":0" /></blockquote> <blockquote>Take full control over a total of 4 elements and 8 unique weapons of which 2 can be slotted into each element at any given time.<ref name=":0" /></blockquote> == References == <references /> 63d595297be0908f9d15df056560ce979e9175ee 903 902 2025-08-08T02:28:36Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[Tiran Sol|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.<ref name=":0" /></blockquote> <blockquote>...7 unique areas and many secrets to uncover. Rebuild settlements, establish trade routes and advance science by helping people. Each new advancement will be accompanied by the settlements changing visually, opening up new paths and opportunities!<ref name=":0" /></blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.<ref name=":0" /></blockquote> <blockquote>Take full control over a total of 4 [[elements]] and 8 unique [[weapons]] of which 2 can be slotted into each element at any given time.<ref name=":0" /></blockquote> == References == <references /> 37393bf09541b5f6a13e21742dc966310385bbf4 904 903 2025-08-08T02:29:06Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title [[CrossCode]]"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[Tiran Sol|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.<ref name=":0" /></blockquote> <blockquote>...7 unique areas and many secrets to uncover. Rebuild settlements, establish trade routes and advance science by helping people. Each new advancement will be accompanied by the settlements changing visually, opening up new paths and opportunities!<ref name=":0" /></blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.<ref name=":0" /></blockquote> <blockquote>Take full control over a total of 4 [[elements]] and 8 unique [[divine weapons|weapons]] of which 2 can be slotted into each element at any given time.<ref name=":0" /></blockquote> == References == <references /> b23e4534e8f89979ce4ff6b6e66df78cbc735d98 905 904 2025-08-08T02:29:29Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title ''[[CrossCode]]''"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[Tiran Sol|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.<ref name=":0" /></blockquote> <blockquote>...7 unique areas and many secrets to uncover. Rebuild settlements, establish trade routes and advance science by helping people. Each new advancement will be accompanied by the settlements changing visually, opening up new paths and opportunities!<ref name=":0" /></blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.<ref name=":0" /></blockquote> <blockquote>Take full control over a total of 4 [[elements]] and 8 unique [[divine weapons|weapons]] of which 2 can be slotted into each element at any given time.<ref name=":0" /></blockquote> == References == <references /> 4c15e970c25edb22a8d9b8718eda56c2e6b21487 0 330 914 2025-08-08T02:47:40Z DivineGoddess 619222 Created page with "{{stub}} [[Gems]] can be eqipped into [[divine weapons|weapons]] and "your core" to "activate powerful enchantments". The amount of gem slots can be expanded using the skill tree. [[Artificers]] let you craft and upgrade gems. [[Category:Items]]" wikitext text/x-wiki {{stub}} [[Gems]] can be eqipped into [[divine weapons|weapons]] and "your core" to "activate powerful enchantments". The amount of gem slots can be expanded using the skill tree. [[Artificers]] let you craft and upgrade gems. [[Category:Items]] 8da445d368783d6335523e8e23fe6e8e0964e186 2 331 915 2025-08-08T02:48:36Z DivineGoddess 619222 Created page with "{{Infobox skill |image=Affinity Up (Item).png |Description=Boosts {{y|Affinity}} by {{g|5%}}<br /><br />Determines likelihood of {{y|landing critical hits}}.<br /><br />The base multiplier for critical damage is {{y|150%}} and can be increased by various other enchantments such as {{y|Bullseye}}. |Type=Passive |Cost=1 }}" wikitext text/x-wiki {{Infobox skill |image=Affinity Up (Item).png |Description=Boosts {{y|Affinity}} by {{g|5%}}<br /><br />Determines likelihood of {{y|landing critical hits}}.<br /><br />The base multiplier for critical damage is {{y|150%}} and can be increased by various other enchantments such as {{y|Bullseye}}. |Type=Passive |Cost=1 }} 4ff7dc4ad0b1a6988f841fa23d85ffe71653eb54 916 915 2025-08-08T02:49:02Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox skill |image=Affinity Up (Item).png |Description=Boosts {{y|Affinity}} by {{g|5%}}<br /><br />Determines likelihood of {{y|landing critical hits}}.<br /><br />The base multiplier for critical damage is {{y|150%}} and can be increased by various other enchantments such as {{y|Bullseye}}. |Type=Passive |Cost=1 }} {{Infobox item |image=Blood Heart (Item).png |Description=A deep red ruby said to have been carved from the heart of a titan.<br /><br />Slightly increases {{y|damage done by critical attacks}}.<br /><br />The titan known as the {{y|Rock Reaver}} once gouged the lands of the {{y|Ringed Vale}} until two {{y|chosen of the firstborn}} trapped the beast in a valley now known as {{y|Lake Vasia}}. |Purity=Rough }} 9007c03edaf9d0af21d556011a0de22487644631 924 916 2025-08-08T03:15:07Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox skill |image=Affinity Up (Item).png |Description=Boosts {{y|Affinity}} by {{g|5%}}<br /><br />Determines likelihood of {{y|landing critical hits}}.<br /><br />The base multiplier for critical damage is {{y|150%}} and can be increased by various other enchantments such as {{y|Bullseye}}. |Type=Passive |Cost=1 }} {{Infobox item |image=Blood Heart (Item).png |Description=A deep red ruby said to have been carved from the heart of a titan.<br /><br />Slightly increases {{y|damage done by critical attacks}}.<br /><br />The titan known as the {{y|Rock Reaver}} once gouged the lands of the {{y|Ringed Vale}} until two {{y|chosen of the firstborn}} trapped the beast in a valley now known as {{y|Lake Vasia}}. |Purity=Rough }} {{Infobox character test |image=JunoCheese.png |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} bffbf444230a53f966e25def4a420e7fa629efe9 0 332 919 2025-08-08T03:08:03Z DivineGoddess 619222 Created page with "[[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''." wikitext text/x-wiki [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. 5ad7181ab492b3b57fd16feebb7fecd2f48834c0 920 919 2025-08-08T03:12:21Z DivineGoddess 619222 wikitext text/x-wiki [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> == References == <references /> 190e31f01715ca5e266af217f40aede569ba60ba 10 333 922 2025-08-08T03:14:39Z DivineGoddess 619222 Created page with "<includeonly>{{#invoke:Infobox|main |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Def..." wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 9bb7213a5166041c4a85fab963f38081af3d397b 925 922 2025-08-08T03:17:19Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Bio;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Bio=Pronouns;; Species |Bio_nolabel=yes |Bio_class=attribute |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 87d900fb8c7f5debf8c71f27b93ce59b2abfe34c 10 293 923 680 2025-08-08T03:14:48Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}100px]]}} |sections=Name;; Description;; Properties;; Status;; Enchantments;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Description_isdata=yes |Description={{{Description}}}<br />&nbsp; |Properties=Activation;; Type |Properties_nolabel=yes |Properties_class=attribute |Status=Life;; Strength;; Armor;; Deflect |Status_class=numerical |Deflect={{#if:{{{Deflect|}}}|{{{Deflect}}}%}} |Enchantments=Berserker;; Bullseye;; Balance |Enchantments_class=numerical |Berserker={{#if:{{{Berserker|}}}|{{{Berserker}}}%}} |Bullseye={{#if:{{{Bullseye|}}}|{{{Bullseye}}}%}} |Balance={{#if:{{{Balance|}}}|{{{Balance}}}%}} |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- --></includeonly><noinclude>{{documentation}}</noinclude> e27b09c2f78449155927f01dd30263f5daafcb14 10 334 930 2025-08-08T03:26:11Z DivineGoddess 619222 Created page with "<indicator name="z-cheese">[[File:{{{1}}}|60px|link=Cheese]]</indicator>" wikitext text/x-wiki <indicator name="z-cheese">[[File:{{{1}}}|60px|link=Cheese]]</indicator> 49a4ef440705a2f7a7203ef041c19854ddcedd91 0 294 931 929 2025-08-08T03:26:45Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=JunoCheese.png |Pronouns=she/her |Species=human? }}{{cheese|junoCheese.png}} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == Personality == <blockquote>Juno might look confident [...] – and she really is when it comes to handling a weapon – but otherwise you’ll find her to be a calm and almost shy person. She prefers the quiet places of nature and likes to avoid crowds of people. She doesn’t mind animals though and in fact, they tend to flock around her. Also she’s not a picky eater. She eats everything. Almost literally.<ref name=":1" /></blockquote> == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref name=":1">[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> </gallery> == References == <references /> {{maximalist navbox}} 10a2acf576fcf657b80ba658a2c069a335407f78 941 931 2025-08-08T03:44:32Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=juno dialogue.png |Pronouns=she/her |Species=human? }}{{cheese|junoCheese.png}} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == Personality == <blockquote>Juno might look confident [...] – and she really is when it comes to handling a weapon – but otherwise you’ll find her to be a calm and almost shy person. She prefers the quiet places of nature and likes to avoid crowds of people. She doesn’t mind animals though and in fact, they tend to flock around her. Also she’s not a picky eater. She eats everything. Almost literally.<ref name=":1" /></blockquote> == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref name=":1">[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> </gallery> == References == <references /> {{maximalist navbox}} 276a1ab225a7f85b8571daa0d5184a0dd9cf3ff6 949 941 2025-08-08T04:02:30Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=juno dialogue.png |Pronouns=she/her |Species=human? }}{{cheese|junoCheese.png}} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == Personality == <blockquote>Juno might look confident [...] – and she really is when it comes to handling a weapon – but otherwise you’ll find her to be a calm and almost shy person. She prefers the quiet places of nature and likes to avoid crowds of people. She doesn’t mind animals though and in fact, they tend to flock around her. Also she’s not a picky eater. She eats everything. Almost literally.<ref name=":1" /></blockquote> == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref name=":1">[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> File:Juno and cabbage.png|Juno with [[Cabbage]] </gallery> == References == <references /> {{maximalist navbox}} 487ad4d5b5eb50da7852dda0280fca8dd9b19d23 955 949 2025-08-08T04:10:33Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=juno dialogue.png |Pronouns=she/her |Species=human? }}{{cheese|junoCheese.png}} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == Personality == <blockquote>Juno might look confident [...] – and she really is when it comes to handling a weapon – but otherwise you’ll find her to be a calm and almost shy person. She prefers the quiet places of nature and likes to avoid crowds of people. She doesn’t mind animals though and in fact, they tend to flock around her. Also she’s not a picky eater. She eats everything. Almost literally.<ref name=":1" /></blockquote> == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref name=":1">[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> File:Juno and cabbage.png|Juno with [[Cabbage]] </gallery> == References == <references /> {{navbox character}} 0caf8fe49bbcbffcd8b70c0600a8685767aef3f9 8 234 932 809 2025-08-08T03:28:51Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } mw-indicator-z-cheese { image-rendering: pixelated; } b459d79401ca312c92ffece550f8e8bc7c64eb9c 933 932 2025-08-08T03:29:02Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } #mw-indicator-z-cheese { image-rendering: pixelated; } 4dc4771ce2b6e88603a2162ab26a3c7ea7743bee 10 334 934 930 2025-08-08T03:30:48Z DivineGoddess 619222 wikitext text/x-wiki <indicator name="z-cheese">[[File:{{{1}}}|54px|link=Cheese]]</indicator> c12a5a8335afe53b43005ff1f84c31c55fe223ec 937 934 2025-08-08T03:38:54Z DivineGoddess 619222 wikitext text/x-wiki <indicator name="z-cheese">[[File:{{{1}}}|27px|link=Cheese]]</indicator> 05c97be6ff1850108cbb14d2ffc87c989c88cb2c 938 937 2025-08-08T03:39:14Z DivineGoddess 619222 wikitext text/x-wiki <indicator name="z-cheese">[[File:{{{1}}}|54px|link=Cheese]]</indicator> c12a5a8335afe53b43005ff1f84c31c55fe223ec 0 335 935 2025-08-08T03:31:30Z DivineGoddess 619222 Redirected page to [[Radical Fish Games#Cheese]] wikitext text/x-wiki #REDIRECT: [[Radical Fish Games#Cheese]] 05f8cd93f4113885844b834f3f5f95f51d3411e7 0 332 936 920 2025-08-08T03:32:33Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> == Cheese == Cheese emotes are a studio meme. == References == <references /> c3c6fef4ff05d12b23431ea7f810a78419ea2419 944 936 2025-08-08T03:57:48Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> * '''Nagi Shirakumo''' - composer<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> == Cheese == Cheese emotes are a studio meme. == References == <references /> a1c53f8fa0f4b47d193f46a059b370b6fbab2130 957 944 2025-08-08T04:18:06Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == This is a non-exhaustive list derived from various blog posts. * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> * '''Nagi Shirakumo''' - composer<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> * '''Lachsen''' - programmer<ref>[https://www.radicalfishgames.com/?p=7294 Project Terra Progress]</ref> == Cheese == Cheese emotes are a studio meme. == References == <references /> 9d00116cd1eb42a6ad7eef5c126552b1df52c0dc 958 957 2025-08-08T04:20:50Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == This is a non-exhaustive list derived from various blog posts. * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> * '''Nagi Shirakumo''' - composer<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> * '''Lachsen''' - programmer<ref>[https://www.radicalfishgames.com/?p=7294 Project Terra Progress]</ref> * '''Thomas Fröse''' - programmer == Cheese == Cheese emotes are a studio meme. == References == <references /> cd19992d0fa76571cb4c657c3e12766778524372 959 958 2025-08-08T04:20:58Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == This is a non-exhaustive list derived from various blog posts. * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> * '''Nagi Shirakumo''' - composer<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> * '''Lachsen''' - programmer<ref name=":0">[https://www.radicalfishgames.com/?p=7294 Project Terra Progress]</ref> * '''Thomas Fröse''' - programmer<ref name=":0" /> == Cheese == Cheese emotes are a studio meme. == References == <references /> d124addf0539ecae5147092ca8f51a2252201b4e 960 959 2025-08-08T04:26:12Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == This is a non-exhaustive list derived from various blog posts. * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> * '''Nagi Shirakumo''' - composer<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> * '''Lachsen''' - programmer<ref name=":0">[https://www.radicalfishgames.com/?p=7294 Project Terra Progress]</ref> * '''Thomas Fröse''' - programmer<ref name=":0" /> * '''Regiden''' - programmer<ref name=":0" /> == Cheese == Cheese emotes are a studio meme. == References == <references /> 87539c64d82b06d308209e958098a01fbd393f11 961 960 2025-08-08T04:30:30Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == This is a non-exhaustive list derived from various blog posts. * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> * '''Nagi Shirakumo''' - composer<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> * '''Lachsen''' - programmer<ref name=":0">[https://www.radicalfishgames.com/?p=7294 Project Terra Progress]</ref> * '''Thomas Fröse''' - programmer<ref name=":0" /> * '''Regiden''' - programmer<ref name=":0" /> * '''Teflora''' - programmer<ref name=":0" /> == Cheese == Cheese emotes are a studio meme. == References == <references /> 52ee9aaff5af0a3720ecc7653bb8085069c9113e 967 961 2025-08-08T04:41:09Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == This is a non-exhaustive list derived from various blog posts. * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> * '''Nagi Shirakumo''' - composer<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> * '''Lachsen''' - programmer<ref name=":0">[https://www.radicalfishgames.com/?p=7294 Project Terra Progress]</ref> * '''Thomas Fröse''' - programmer<ref name=":0" /> * '''Regiden''' - programmer<ref name=":0" /> * '''Teflora''' - programmer<ref name=":0" /> * '''Javid Ali''' - 3D animator<ref>[https://www.radicalfishgames.com/?p=7326 New Pre-Alpha Footage & Gamescom!]</ref> == Cheese == Cheese emotes are a studio meme. == References == <references /> 10236d33cddbf2d631b082d4f4d096592162dd5d 968 967 2025-08-08T04:44:37Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == This is a non-exhaustive list derived from various blog posts. * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref> * '''Nagi Shirakumo''' - composer<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> * '''Lachsen''' - programmer<ref name=":0">[https://www.radicalfishgames.com/?p=7294 Project Terra Progress]</ref> * '''Thomas Fröse''' - programmer<ref name=":0" />, artist<ref name=":1" /> * '''Regiden''' - programmer<ref name=":0" /> * '''Teflora''' - programmer<ref name=":0" /> * '''Javid Ali''' - 3D animator<ref name=":1">[https://www.radicalfishgames.com/?p=7326 New Pre-Alpha Footage & Gamescom!]</ref> * '''Martina''' - artist<ref name=":1" /> * '''Teekuh''' - artist<ref name=":1" /> == Cheese == Cheese emotes are a studio meme. == References == <references /> 8c568633b5df30ee5a8039d33a27187d24913a46 6 336 939 2025-08-08T03:43:59Z DivineGoddess 619222 [[Category:Cryptid images]] [[Category:Juno]] wikitext text/x-wiki == Summary == [[Category:Cryptid images]] [[Category:Juno]] == Licensing == {{License|game}} 3d544c6bd5d11b7ade060f9bd8d7be7829729460 10 333 940 925 2025-08-08T03:44:15Z DivineGoddess 619222 wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=;; |title=[[:Category:Characters|Character]] |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}256px]]}} |sections=Name;; Bio;; Footer |Name_isdata=yes |Name_nolabel=yes |Name={{{name|{{PAGENAME}}}}} |Bio=Pronouns;; Species |Bio_nolabel=yes |Bio_class=attribute |Footer_isdata=yes |Footer_nolabel=yes |Footer=⯁ }}<!-- -->{{#ifeq: {{NAMESPACE}} | | [[Category:Characters]] }}</includeonly><noinclude>{{documentation}}</noinclude> 224b0b313ec4801c385c51182ef27ad15514b803 14 337 942 2025-08-08T03:45:06Z DivineGoddess 619222 Created page with "Images that NEED to be replaced by game art." wikitext text/x-wiki Images that NEED to be replaced by game art. a92ddcda217fa9b4513167e4e31d9bbf3c1f148b 4 285 943 837 2025-08-08T03:45:32Z DivineGoddess 619222 wikitext text/x-wiki The wiki's to-do list! == Always == * Replace images in [[:Category:Cryptid images]] == Immediately == * document everything we know so far! * make an article on [[Radical Fish Games]] == Demo release == * [[:Category:Notice templates]] should have their icons replaced once game assets become available * document all the new stuff (duh) 44567622edfaf1edf40ded89d7889c01854e5201 6 338 945 2025-08-08T04:01:02Z DivineGoddess 619222 [[Category:Juno]] [[Category:Cabbage]] Cropped from [[File:Title-bg.jpg]] wikitext text/x-wiki == Summary == [[Category:Juno]] [[Category:Cabbage]] Cropped from [[File:Title-bg.jpg]] 07e25f229a95ff33647dcf539f06be589c344231 946 945 2025-08-08T04:01:15Z DivineGoddess 619222 wikitext text/x-wiki == Summary == [[Category:Juno]] [[Category:Cabbage]] Cropped from [[Media:Title-bg.jpg]] 7b148a3545bca4cddfcdb40ade08d81aabc5e791 947 946 2025-08-08T04:01:45Z DivineGoddess 619222 wikitext text/x-wiki == Summary == [[Category:Juno]] [[Category:Cabbage]] Cropped from [[:File:Title-bg.jpg]] 760284432219a17a05363da61a88aec1cda2b0a1 6 287 948 377 2025-08-08T04:02:05Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Juno]] [[Category:Cabbage]] [[Category:Promotional images]] [[Category:Wiki skin images]] == Licensing == {{License|game}} 04530091fb1fedcb63a1be89eb7f2766fe09fdde 6 339 950 2025-08-08T04:04:19Z DivineGoddess 619222 [[Category:Cryptid images]] wikitext text/x-wiki == Summary == [[Category:Cryptid images]] == Licensing == {{License|game}} 7cdd696d60a1f1f9696eaed96b058d7322585fee 0 340 951 2025-08-08T04:05:12Z DivineGoddess 619222 Created page with "{{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=unknown }} This character's name is "probably" [[Cabbage]]." wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=unknown }} This character's name is "probably" [[Cabbage]]. 74d841af6fd692295426a6b3b0e599599af78f96 952 951 2025-08-08T04:06:05Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=unknown }} This character's name is "probably" [[Cabbage]].<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> == References == <references /> 65c771c7079df9124943ed583bcc4034b416a9a2 954 952 2025-08-08T04:10:26Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=unknown }} This character's name is "probably" [[Cabbage]].<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> == References == <references /> {{navbox character}} 45aec0be4cb4ea3484cdd8b7e72ae22b0d157eb5 956 954 2025-08-08T04:11:28Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=unknown }} This character's name is "probably" [[Cabbage]].<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> They can fly, or at least hover, and they seem to be leading or following [[Juno o' Lira|Juno]] around. == References == <references /> {{navbox character}} 7729c82ea1cd92a8e26e3a76ebff6f6ff9e888e2 10 341 953 2025-08-08T04:10:02Z DivineGoddess 619222 Created page with "{{Navbox | template = Navbox character | title = [[:Category:Characters|Characters]] | striped = even | state = off | list1 = * [[Juno o' Lira]] * [[Cabbage]] }}<noinclude>{{documentation}}</noinclude>" wikitext text/x-wiki {{Navbox | template = Navbox character | title = [[:Category:Characters|Characters]] | striped = even | state = off | list1 = * [[Juno o' Lira]] * [[Cabbage]] }}<noinclude>{{documentation}}</noinclude> f684c220761cbf52ececc86cca4ea298b6685a6e 975 953 2025-08-08T04:50:34Z DivineGoddess 619222 wikitext text/x-wiki {{Navbox | template = Navbox character | title = [[:Category:Characters|Characters]] | striped = even | state = off | list1 = * [[Juno o' Lira]] * [[Cabbage]] * [[Filia o' Marmis]] }}<noinclude>{{documentation}}</noinclude> bf2389ac766cca9138a54bb4e784bc26dfb9dda7 0 342 962 2025-08-08T04:35:36Z DivineGoddess 619222 Created page with "[[{{PAGENAME}}]] is the first area of the game. [[Category:Locations]]" wikitext text/x-wiki [[{{PAGENAME}}]] is the first area of the game. [[Category:Locations]] 7d657309da3b4d8cbd7415dcbe8d93f94cdebad1 963 962 2025-08-08T04:36:24Z DivineGoddess 619222 wikitext text/x-wiki [[{{PAGENAME}}]] is the first area of the game.<ref>[https://www.radicalfishgames.com/?p=7326 New Pre-Alpha Footage & Gamescom!]</ref> == References == <references /> [[Category:Locations]] 35464ad452afd575331be8c26924889a0ecc0c89 964 963 2025-08-08T04:36:37Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[{{PAGENAME}}]] is the first area of the game.<ref>[https://www.radicalfishgames.com/?p=7326 New Pre-Alpha Footage & Gamescom!]</ref> == References == <references /> [[Category:Locations]] 958d5836474883720d216df930006844fd57634d 0 328 965 910 2025-08-08T04:38:58Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Tiran sol.webm|thumb|Footage of Tiran Sol from the steam page.|600x600px]] [[Tiran Sol]] is the setting of [[Alabaster Dawn]]. It's "overrun by a vile corruption"<ref>[https://www.radicalfishgames.com/?p=7326 New Pre-Alpha Footage & Gamescom!]</ref> known as [[Nyx]]. == References == <references /> [[Category:Locations]] c8fcc00188c0b23567fdff9e236d7da75d9530be 0 325 966 913 2025-08-08T04:39:52Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. * Sword * Crossbow * Hammer * Chakram <gallery> File:Sword.png|Sword File:Hammer.png|Hammer </gallery> [[Category:Divine weapons]] f23c73fd810044453402e24d125934b5d027951a 6 343 969 2025-08-08T04:47:19Z DivineGoddess 619222 [[Category:Concept art]] [[Category:Filia]] wikitext text/x-wiki == Summary == [[Category:Concept art]] [[Category:Filia]] == Licensing == {{License|game}} 6361837e33d113ff8bb6c42474f5d2fd2623087a 6 297 970 375 2025-08-08T04:47:40Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Juno]] [[Category:Concept art]] == Licensing == {{License|game}} 4897946a12d96d176f35386622946f041e4484f1 0 344 971 2025-08-08T04:48:16Z DivineGoddess 619222 Created page with "{{stub}} {{Infobox character |image=filia concept.png |Pronouns=she/her |Species=human? }} [[Filia o' Marmis]] is a character. == References == <references /> {{navbox character}}" wikitext text/x-wiki {{stub}} {{Infobox character |image=filia concept.png |Pronouns=she/her |Species=human? }} [[Filia o' Marmis]] is a character. == References == <references /> {{navbox character}} f2ebeebdf95c6ae25bf5d152850fe61e78500953 972 971 2025-08-08T04:48:38Z DivineGoddess 619222 DivineGoddess renamed page [[Filia o’ Marmis]] to [[Filia o' Marmis]] wikitext text/x-wiki {{stub}} {{Infobox character |image=filia concept.png |Pronouns=she/her |Species=human? }} [[Filia o' Marmis]] is a character. == References == <references /> {{navbox character}} f2ebeebdf95c6ae25bf5d152850fe61e78500953 974 972 2025-08-08T04:50:11Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=filia concept.png |Pronouns=she/her |Species=human? }} [[Filia o' Marmis]] is a character. == Personality == <blockquote>Filia is warm and gentle fuzzball. She grew up in a big… BIG family and as a result learned how to care and be patient with people early in her life. She doesn’t do well with silence and will use small talk to fill the void, which will be a perfect contrast to [[Juno o' Lira|our introverted protagonist]]. Filia grew up in the same village as Juno, yet their relationship might start off a bit icy. But over the course of the adventure you’ll find that she has much to offer and we hope you’ll learn to love her as much as we do.<ref>[https://www.radicalfishgames.com/?p=7362 Presenting: Filia! (Also Project Terra Updates)]</ref></blockquote> == References == <references /> {{navbox character}} ca052e867639a2c05fd73e48950933286183f631 976 974 2025-08-08T04:51:46Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=filia concept.png |Pronouns=she/her |Species=human? }} [[Filia o' Marmis]] is a character. Filia, like [[Juno]], was chosen by the gods to fulfill a role, but was discharged. == Personality == <blockquote>Filia is warm and gentle fuzzball. She grew up in a big… BIG family and as a result learned how to care and be patient with people early in her life. She doesn’t do well with silence and will use small talk to fill the void, which will be a perfect contrast to [[Juno o' Lira|our introverted protagonist]]. Filia grew up in the same village as Juno, yet their relationship might start off a bit icy. But over the course of the adventure you’ll find that she has much to offer and we hope you’ll learn to love her as much as we do.<ref>[https://www.radicalfishgames.com/?p=7362 Presenting: Filia! (Also Project Terra Updates)]</ref></blockquote> == References == <references /> {{navbox character}} ca1134b2aabaec53301ca24e50d18845202086bd 0 346 977 2025-08-09T15:39:41Z DivineGoddess 619222 Created page with "{{stub}} The [[elements]] are in the game. We don't know what they do, but just like [[CrossCode]], there are four of them." wikitext text/x-wiki {{stub}} The [[elements]] are in the game. We don't know what they do, but just like [[CrossCode]], there are four of them. a1f87afde9fb0d722a22450193bcc2955264fcbf 980 977 2025-08-09T15:42:32Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Elements.PNG|thumb|The four elements, presumably none unlocked.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[elements]] are in the game. We don't know what they do, but just like [[CrossCode]], there are four of them. == References == <references /> efce2673625c768cd79821d56f1faf92016a9693 6 347 978 2025-08-09T15:40:48Z DivineGoddess 619222 wikitext text/x-wiki == Licensing == {{License|game}} [[Category:Cryptid images]] 1d6c0cd6ed7e658ffc0f7a8b73d1f1184214c319 981 978 2025-08-09T15:43:21Z DivineGoddess 619222 DivineGoddess renamed page [[File:Elements.PNG]] to [[File:Elements.png]]: Standardizing the title wikitext text/x-wiki == Licensing == {{License|game}} [[Category:Cryptid images]] 1d6c0cd6ed7e658ffc0f7a8b73d1f1184214c319 6 348 979 2025-08-09T15:40:49Z DivineGoddess 619222 wikitext text/x-wiki == Licensing == {{License|game}} [[Category:Cryptid images]] 1d6c0cd6ed7e658ffc0f7a8b73d1f1184214c319 6 349 982 2025-08-09T15:43:21Z DivineGoddess 619222 DivineGoddess renamed page [[File:Elements.PNG]] to [[File:Elements.png]]: Standardizing the title wikitext text/x-wiki #REDIRECT [[File:Elements.png]] 9a00b5ced683da9e6a3c9c98c8fd8699495e2f94 6 348 983 979 2025-08-09T15:43:33Z DivineGoddess 619222 DivineGoddess renamed page [[File:Melee ranged.PNG]] to [[File:Melee ranged.png]]: Standardizing the title wikitext text/x-wiki == Licensing == {{License|game}} [[Category:Cryptid images]] 1d6c0cd6ed7e658ffc0f7a8b73d1f1184214c319 6 350 984 2025-08-09T15:43:33Z DivineGoddess 619222 DivineGoddess renamed page [[File:Melee ranged.PNG]] to [[File:Melee ranged.png]]: Standardizing the title wikitext text/x-wiki #REDIRECT [[File:Melee ranged.png]] aee2584518407947a4191f2eb54f7a447edd8731 4 6 985 855 2025-08-09T15:44:22Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = About Alabaster Dawn }} [[Alabaster Dawn]] is a top-down 2.5D Action RPG developed by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds on top of Radical Fish Games' previous title ''[[CrossCode]]''. [[File:Header.jpg|300px|center|link=Alabaster Dawn]] <div style="text-align:right">[[Alabaster Dawn|Read more...]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> fc42449fe14d6085cb92852e0990409682910516 0 325 986 966 2025-08-09T15:45:47Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Melee ranged.png|thumb|Four melee, and four ranged.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. * Sword * Crossbow * Hammer * Chakram <gallery> File:Sword.png|Sword File:Hammer.png|Hammer </gallery> == References == <references /> [[Category:Divine weapons]] 454c554a31b535746fd6d9f47fa27570a5d5c968 987 986 2025-08-09T15:47:39Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Melee ranged.png|thumb|At first I thought this was suggesting there'd be four melee and four ranged weapons, but this is actually which weapon you have equipped in your melee and ranged slots. The three empty holes to the right of each weapon are for gems. I guess the shapes mean only certain gems fit into each?<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. * Sword * Crossbow * Hammer * Chakram <gallery> File:Sword.png|Sword File:Hammer.png|Hammer </gallery> == References == <references /> [[Category:Divine weapons]] 262278afe0912cf071460945828b3eac5d70e145 988 987 2025-08-09T15:49:14Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}{{cleanup}} [[File:Melee ranged.png|thumb|At first I thought this was suggesting there'd be four melee and four ranged weapons, but this is actually which weapon you have equipped in your melee and ranged slots. The three empty holes to the right of each weapon are for gems. I guess the shapes mean only certain gems fit into each?<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. * Sword * Crossbow * Hammer * Chakram <gallery> File:Sword.png|Sword File:Hammer.png|Hammer </gallery> == References == <references /> [[Category:Divine weapons]] 96550bcaa63523aa1fc5ce2f96a1c868bcd98304 992 988 2025-08-09T15:54:19Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}[[File:Melee ranged.png|thumb|Each weapon has gem slots, that gems can go in.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. * Sword * Crossbow * Hammer * Chakram <gallery> File:Sword.png|Sword File:Hammer.png|Hammer </gallery> == References == <references /> [[Category:Divine weapons]] 0a696b96e6f65d0aa09ad90b724c2e2248633943 993 992 2025-08-09T15:55:12Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}[[File:Melee ranged.png|thumb|Each weapon has gem slots, that gems can go in. Only a gem that matches the exact shape of the slot will fit, even though gems that are smaller than the slot may appear to fit.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with its own skill tree. * Sword * Crossbow * Hammer * Chakram <gallery> File:Sword.png|Sword File:Hammer.png|Hammer </gallery> == References == <references /> [[Category:Divine weapons]] ba581449db96a2d49da8b65477580724cbcf1cc1 994 993 2025-08-09T15:57:48Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}[[File:Melee ranged.png|thumb|Each weapon has gem slots, that gems can go in. Only a gem that matches the exact shape of the slot will fit, even though gems that are smaller than the slot may appear to fit.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with their own skill tree. * Sword * Crossbow * Hammer * Chakram <gallery> File:Sword.png|Sword File:Hammer.png|Hammer </gallery> == References == <references /> [[Category:Divine weapons]] 613c33e96bc93c88e8eb2e5d06bd7b03e9ea2d2a 995 994 2025-08-09T15:59:54Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}[[File:Melee ranged.png|thumb|Each weapon has gem slots, that gems can go in. Only a gem that matches the exact shape of the slot will fit, even though gems that are smaller than the slot may appear to fit.<ref name=":0">[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with their own skill tree. * '''Sword''' - close range * '''Crossbow''' - long range * '''Hammer''' ** "The '''Hammer''' is the go-to slow melee weapon that packs a mighty oomph and is the perfect choice when you want to knock enemies around and can also break certain obstacles!"<ref name=":0" /> * '''Chakram''' ** The '''Chakram''' as a round-shaped throwing-weapon might be extra exciting for [[CrossCode]] fans. However, its gimmick won’t be wall-bouncing! Instead it behaves like a boomerang and always comes back to the user. It will also have special interactions with certain '''orb-like Puzzle-Entities''' and be able to catch and then launch them regardless of player position!<ref name=":0" /> <gallery> File:Sword.png|Sword File:Hammer.png|Hammer </gallery> == References == <references /> [[Category:Divine weapons]] f0ff0cd3016c39419ce5f35309d7b9b289837ab4 1023 995 2025-08-09T16:59:20Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}[[File:Melee ranged.png|thumb|Each weapon has gem slots, that gems can go in. Only a gem that matches the exact shape of the slot will fit, even though gems that are smaller than the slot may appear to fit.<ref name=":0">[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with their own skill tree. * '''Sword''' - close range * '''Crossbow''' - long range * '''Hammer''' ** "The '''Hammer''' is the go-to slow melee weapon that packs a mighty oomph and is the perfect choice when you want to knock enemies around and can also break certain obstacles!"<ref name=":0" /> * '''Chakram''' ** The '''Chakram''' as a round-shaped throwing-weapon might be extra exciting for [[CrossCode]] fans. However, its gimmick won’t be wall-bouncing! Instead it behaves like a boomerang and always comes back to the user. It will also have special interactions with certain '''orb-like Puzzle-Entities''' and be able to catch and then launch them regardless of player position!<ref name=":0" /> *'''Spear''' **a long and fast pierce-type melee weapon that can whittle enemies down with speedy pokes but also packs some wide range combo attacks.<ref>[https://www.radicalfishgames.com/?p=7499 Happy New Year and Progress from Radical Fish Games!]</ref> <gallery> File:Sword.png|Sword File:Hammer.png|Hammer </gallery> == References == <references /> [[Category:Divine weapons]] a95ec36701ca9e98d92907e8c0824e59f6770125 1025 1023 2025-08-09T17:00:28Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}[[File:Melee ranged.png|thumb|Each weapon has gem slots, that gems can go in. Only a gem that matches the exact shape of the slot will fit, even though gems that are smaller than the slot may appear to fit.<ref name=":0">[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with their own skill tree. * '''Sword''' - close range * '''Crossbow''' - long range * '''Hammer''' ** "The '''Hammer''' is the go-to slow melee weapon that packs a mighty oomph and is the perfect choice when you want to knock enemies around and can also break certain obstacles!"<ref name=":0" /> * '''Chakram''' ** The '''Chakram''' as a round-shaped throwing-weapon might be extra exciting for [[CrossCode]] fans. However, its gimmick won’t be wall-bouncing! Instead it behaves like a boomerang and always comes back to the user. It will also have special interactions with certain '''orb-like Puzzle-Entities''' and be able to catch and then launch them regardless of player position!<ref name=":0" /> *'''Spear''' **a long and fast pierce-type melee weapon that can whittle enemies down with speedy pokes but also packs some wide range combo attacks.<ref>[https://www.radicalfishgames.com/?p=7499 Happy New Year and Progress from Radical Fish Games!]</ref> <gallery> File:Sword.png|Sword File:Crossbow.png|Crossbow File:Hammer.png|Hammer </gallery> == References == <references /> [[Category:Divine weapons]] 2f455f8c68473755271865326a502fd7057a091a 1028 1025 2025-08-09T17:03:56Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}[[File:Melee ranged.png|thumb|Each weapon has gem slots, that gems can go in. Only a gem that matches the exact shape of the slot will fit, even though gems that are smaller than the slot may appear to fit.<ref name=":0">[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with their own skill tree. * '''Sword''' - close range * '''Crossbow''' - long range * '''Hammer''' ** "The '''Hammer''' is the go-to slow melee weapon that packs a mighty oomph and is the perfect choice when you want to knock enemies around and can also break certain obstacles!"<ref name=":0" /> * '''Chakram''' ** The '''Chakram''' as a round-shaped throwing-weapon might be extra exciting for [[CrossCode]] fans. However, its gimmick won’t be wall-bouncing! Instead it behaves like a boomerang and always comes back to the user. It will also have special interactions with certain '''orb-like Puzzle-Entities''' and be able to catch and then launch them regardless of player position!<ref name=":0" /> *'''Spear''' **a long and fast pierce-type melee weapon that can whittle enemies down with speedy pokes but also packs some wide range combo attacks.<ref>[https://www.radicalfishgames.com/?p=7499 Happy New Year and Progress from Radical Fish Games!]</ref> <gallery> File:Sword.png|Sword File:Crossbow.png|Crossbow File:Hammer.png|Hammer File:Chakram.png|Chakram File:Spear.png|Spear </gallery> == References == <references /> [[Category:Divine weapons]] 910db69a9d8a7f37b2e9356b3720b808f70d1908 1032 1028 2025-08-09T17:09:34Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}[[File:Melee ranged.png|thumb|Each weapon has gem slots, that gems can go in. Only a gem that matches the exact shape of the slot will fit, even though gems that are smaller than the slot may appear to fit.<ref name=":0">[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] [[File:Kama video.mp4|thumb|The kama being used for traversal puzzles.<ref name=":1" />]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with their own skill tree. They're used both for combat and for puzzles... probably. It's not clear if the sword or spear are used for any puzzles. * '''Sword''' - close range * '''Crossbow''' - long range * '''Hammer''' ** "The '''Hammer''' is the go-to slow melee weapon that packs a mighty oomph and is the perfect choice when you want to knock enemies around and can also break certain obstacles!"<ref name=":0" /> * '''Chakram''' ** The '''Chakram''' as a round-shaped throwing-weapon might be extra exciting for [[CrossCode]] fans. However, its gimmick won’t be wall-bouncing! Instead it behaves like a boomerang and always comes back to the user. It will also have special interactions with certain '''orb-like Puzzle-Entities''' and be able to catch and then launch them regardless of player position!<ref name=":0" /> *'''Spear''' **a long and fast pierce-type melee weapon that can whittle enemies down with speedy pokes but also packs some wide range combo attacks.<ref name=":1">[https://www.radicalfishgames.com/?p=7499 Happy New Year and Progress from Radical Fish Games!]</ref> *'''Kama''' **also known as “chain-sickle”, “sickle on a chain” or “that badass ninja weapon on a chain”.<ref name=":1" /> <gallery> File:Sword.png|Sword File:Crossbow.png|Crossbow File:Hammer.png|Hammer File:Chakram.png|Chakram File:Spear.png|Spear File:Kama.png|Kama </gallery> == References == <references /> [[Category:Divine weapons]] 1ca1de897315f9d2534655e3e2855aff35e0bd37 4 351 989 2025-08-09T15:51:15Z DivineGoddess 619222 Created page with "Every wiki needs a style guide! This is really important! TO DO: finish this page '''Speculation:''' Before the demo's release, there's going to be an unavoidable speculative tone. But that has to be all cleared out once we start actually having things to document. '''Perspective:''' There shouldn't be anything on content pages that's in first-person." wikitext text/x-wiki Every wiki needs a style guide! This is really important! TO DO: finish this page '''Speculation:''' Before the demo's release, there's going to be an unavoidable speculative tone. But that has to be all cleared out once we start actually having things to document. '''Perspective:''' There shouldn't be anything on content pages that's in first-person. 31ee477160b48d20ed828277d58e380a9a4bf3d3 4 285 990 943 2025-08-09T15:51:49Z DivineGoddess 619222 wikitext text/x-wiki The wiki's to-do list! == Always == * Replace images in [[:Category:Cryptid images]] == Immediately == * document everything we know so far! * make an article on [[CrossCode]] * improve [[Meta:Style guide]] == Demo release == * [[:Category:Notice templates]] should have their icons replaced once game assets become available * document all the new stuff (duh) c61cd101b7d6ba46cfc01a5487eb2167b3289da8 4 352 991 2025-08-09T15:53:05Z DivineGoddess 619222 Created page with "This is a catch-all page for small tidbits that can only be theorized about, but otherwise are impossible to document. Sections will be added whenever someone notices something." wikitext text/x-wiki This is a catch-all page for small tidbits that can only be theorized about, but otherwise are impossible to document. Sections will be added whenever someone notices something. 7b7a71eab41c1b950f40fff1b6253240662bb2d3 1007 991 2025-08-09T16:29:35Z DivineGoddess 619222 wikitext text/x-wiki This is a catch-all page for small tidbits that can only be theorized about, but otherwise are impossible to document. Sections will be added whenever someone notices something. == Starting area == Just based on the terrain, it seems like the [[Wellspring]] is a rejuvenated version of the location scene in most of the opening cutscene footage. cf2a1261c31c0a5a38f49f6220d3176d6aa5f24e 0 326 996 918 2025-08-09T16:02:52Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Enemies.webm|thumb|600x600px|A video of the enemies, from the steam page.]] We don't know much about the enemies yet, but here's a temporary gallery of the ones we've seen:<gallery> File:Enemy 1.png|some kind of beetle File:Enemy 2.png|this one might be a boss File:Enemy 3.png|lion scorpion thing File:Enemy 4.png|Turtle<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref> </gallery> == Flying fish == There's these: <youtube>https://www.youtube.com/watch?v=e6ArcNILTvU</youtube> == Enraged turtle == These too: <youtube>https://www.youtube.com/watch?v=WP5vnSAhKio</youtube> == References == <references /> [[Category:Enemies]] ed9ba40a650bbb24fab3c5bf99f7abe1f9456c84 0 354 998 2025-08-09T16:12:40Z DivineGoddess 619222 Created page with "[[File:Fishing village.png|thumb|The Fishing Village.]] The [[Fishing Village]] is at the coast.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref> It has a bathing area to the right. == References == <references />" wikitext text/x-wiki [[File:Fishing village.png|thumb|The Fishing Village.]] The [[Fishing Village]] is at the coast.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref> It has a bathing area to the right. == References == <references /> 768f17497ff00a2a5d4c502a1e2f6944cfa31686 1009 998 2025-08-09T16:32:27Z DivineGoddess 619222 wikitext text/x-wiki [[File:Fishing village.png|thumb|The Fishing Village.]] The [[Fishing Village]] is at the coast.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref> It has a bathing area to the right. == References == <references /> [[Category:Locations]] d53bf2b560ba88830dd0e4de5c065a232ca3ffc3 1017 1009 2025-08-09T16:46:11Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Fishing village.png|thumb|The Fishing Village.]] The [[Fishing Village]] is at the coast.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref> It has a bathing area to the right. == References == <references /> [[Category:Locations]] 0367487f6a0c0bb81b14cca911402e872e4ed4be 6 355 999 2025-08-09T16:15:30Z DivineGoddess 619222 [[Category:Promotional images]] wikitext text/x-wiki == Summary == [[Category:Promotional images]] == Licensing == {{License|game}} a91690fb8ad9f64a1b853c3eb05b882df194ba59 0 316 1000 905 2025-08-09T16:16:36Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title ''[[CrossCode]]''"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[Tiran Sol|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.<ref name=":0" /></blockquote> <blockquote>...7 unique areas and many secrets to uncover. Rebuild settlements, establish trade routes and advance science by helping people. Each new advancement will be accompanied by the settlements changing visually, opening up new paths and opportunities!<ref name=":0" /></blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.<ref name=":0" /></blockquote> <blockquote>Take full control over a total of 4 [[elements]] and 8 unique [[divine weapons|weapons]] of which 2 can be slotted into each element at any given time.<ref name=":0" /></blockquote> == Development == [[File:Project terra logo.jpg|thumb|'''Project Terra'''<nowiki/>'s logo, from Gamescom 2023.<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref>]] {{Stub}} During early development, Alabaster Dawn's working title was '''Project Terra'''. == References == <references /> cdd266d7ab159a5fa62ed15bfe306f5ae9adcca3 0 340 1001 956 2025-08-09T16:19:54Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=water pig<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> }} This character's name is "probably" [[Cabbage]].<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> They can fly, or at least hover, and they seem to be leading or following [[Juno o' Lira|Juno]] around. == References == <references /> {{navbox character}} 2e8651224490622c2ab1e1995805c3936b4d67fc 1004 1001 2025-08-09T16:23:24Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=water pig<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> }} This character's name is "probably" [[Cabbage]].<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> They can fly, or at least hover, and they seem to be leading or following [[Juno o' Lira|Juno]] around. They first appear to Juno emerging from a divine marble. == References == <references /> {{navbox character}} 062a5d23f7b749571cef231ee310015a92cbe536 1005 1004 2025-08-09T16:25:05Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=water pig<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> }} This character's name is [[Cabbage]]<ref name=":0">[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref>, which was chosen for them by [[Juno]].<ref name=":0" /> They can fly, or at least hover, and they seem to be leading or following Juno around. They first appear to Juno emerging from a divine marble. == References == <references /> {{navbox character}} e7a0eefaa20e8eacf0e457c5e5b65d44c2d6cc27 1006 1005 2025-08-09T16:25:37Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=water pig<ref name=":0">[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> }} This character's name is [[Cabbage]]<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref>, which was chosen for them by [[Juno]].<ref name=":0" /> They can fly, or at least hover, and they seem to be leading or following Juno around. They first appear to Juno emerging from a divine marble. == References == <references /> {{navbox character}} 47892f0cc6d8a81f7c2a841b1722dff2b563d1d0 8 254 1002 874 2025-08-09T16:21:52Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 1em !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 4fd992f0c58db4ea0e00b1018fae1c582e0bfbfc 1003 1002 2025-08-09T16:22:18Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 1em !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } ac2d4a37c6be5719bb1028f23dd8f775a0f03e74 6 356 1008 2025-08-09T16:30:59Z DivineGoddess 619222 [[Category:Cryptid images]] wikitext text/x-wiki == Summary == [[Category:Cryptid images]] == Licensing == {{License|game}} 7cdd696d60a1f1f9696eaed96b058d7322585fee 0 357 1010 2025-08-09T16:33:20Z DivineGoddess 619222 Created page with "[[File:The wellspring.png|thumb|Captured from dev footage on twitter.]] The '''Wellspring'''<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> is a big tree in a small pool of water, in the middle of a settlement. == References == <references />" wikitext text/x-wiki [[File:The wellspring.png|thumb|Captured from dev footage on twitter.]] The '''Wellspring'''<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> is a big tree in a small pool of water, in the middle of a settlement. == References == <references /> 27bf3e332e4cc3dbd1e612a7fcf1df318a03c966 1011 1010 2025-08-09T16:38:20Z DivineGoddess 619222 wikitext text/x-wiki [[File:The wellspring.png|thumb|Captured from dev footage on twitter.]] The '''Wellspring'''<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> is a big tree in a small pool of water, in the middle of a settlement. == References == <references /> [[Category:Locations]] 2dc006a7229a0979d7ba5cd98b8b4643899075c3 1013 1011 2025-08-09T16:39:37Z DivineGoddess 619222 wikitext text/x-wiki [[File:The wellspring.png|thumb|Captured from dev footage on twitter.]] The '''Wellspring'''<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> is a big tree in a small pool of water, in the middle of a settlement. It looks like it's located in [[Decide on a name for the area RFG, come on]]. == References == <references /> [[Category:Locations]] cf55ce2ae7941d410d8f95a5f3fd8c5fa7ba0792 1019 1013 2025-08-09T16:48:00Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:The wellspring.png|thumb|Captured from dev footage on twitter.]] The '''Wellspring'''<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> is a big tree in a small pool of water, in the middle of a settlement. It looks like it's located in [[Decide on a name for the area RFG, come on]]. == References == <references /> [[Category:Locations]] c9bb4b1cf0a1954f028717b6173f4ac0104c1278 1020 1019 2025-08-09T16:48:35Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:The wellspring.png|thumb|Captured from dev footage on twitter.]] [[File:Title-bg.jpg|thumb|[[Juno]] and [[Cabbage]] at the Wellspring.]] The '''Wellspring'''<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> is a big tree in a small pool of water, in the middle of a settlement. It looks like it's located in [[Decide on a name for the area RFG, come on]]. == References == <references /> [[Category:Locations]] e4edfc6f71f046ee6fd9378577f6b281a87a0c48 14 358 1012 2025-08-09T16:38:32Z DivineGoddess 619222 Created page with "Places in the game." wikitext text/x-wiki Places in the game. 8231b0e7962d1652f6cffec9195d6d98d733756c 6 359 1014 2025-08-09T16:42:12Z DivineGoddess 619222 [[Category:Developer videos]] wikitext text/x-wiki == Summary == [[Category:Developer videos]] == Licensing == {{License|game}} d5f3d45d4262ca47df8c8ca425f2688fe103c294 0 360 1015 2025-08-09T16:44:20Z DivineGoddess 619222 Created page with "[[File:First dungeon.mp4|thumb|"An early look at the first dungeon of #ProjectTerra that you will explore alongside your companions. Warming up with some straight forward switches and box-pushing (with help!)."<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref>]] The [[first dungeon]] is the first dungeon. There are lines on the ground. == References == <references /> [[Category:Locations]]" wikitext text/x-wiki [[File:First dungeon.mp4|thumb|"An early look at the first dungeon of #ProjectTerra that you will explore alongside your companions. Warming up with some straight forward switches and box-pushing (with help!)."<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref>]] The [[first dungeon]] is the first dungeon. There are lines on the ground. == References == <references /> [[Category:Locations]] 6647e8d986f39d3bedd19e247d9db09f25c430c4 1016 1015 2025-08-09T16:44:55Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:First dungeon.mp4|thumb|"An early look at the first dungeon of #ProjectTerra that you will explore alongside your companions. Warming up with some straight forward switches and box-pushing (with help!)."<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref>]] The [[first dungeon]] is the first dungeon. There are lines on the ground. == References == <references /> [[Category:Locations]] 26401c3447cb0e5655b9c43b9a921247edc8428b 0 330 1018 914 2025-08-09T16:47:20Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}{{merge|divine weapons}} [[Gems]] can be eqipped into [[divine weapons|weapons]] and "your core" to "activate powerful enchantments". The amount of gem slots can be expanded using the skill tree. [[Artificers]] let you craft and upgrade gems. [[Category:Items]] 24b23bafb70d58d92e53ad227d1fad1ace6d0988 0 361 1021 2025-08-09T16:49:34Z DivineGoddess 619222 Redirected page to [[Filia o' Marmis]] wikitext text/x-wiki #REDIRECT: [[Filia o' Marmis]] c2e33b3ded17114ad5481e87337e33677955b603 4 5 1022 833 2025-08-09T16:51:48Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Random page|link=Special:Random}} * {{MP link|Alabaster Dawn (game)|link=Alabaster Dawn|image=alabaster-logo.png|size=x64px}} * {{MP link|Juno o' Lira|image=junoCheese.png|size=92px}} * {{MP link|Divine weapons|image=sword.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 23bd7e7e86f80d4aa4ad576d5b40457901b2cbe8 6 362 1024 2025-08-09T16:59:59Z DivineGoddess 619222 [[Category:Cryptid images]] [[Category:Juno]] wikitext text/x-wiki == Summary == [[Category:Cryptid images]] [[Category:Juno]] == Licensing == {{License|game}} 3d544c6bd5d11b7ade060f9bd8d7be7829729460 6 363 1026 2025-08-09T17:03:32Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Cryptid images]] [[Category:Juno]] == Licensing == {{License|game}} 30674b1971116c17a1372998dc15056f4c4706c0 6 364 1027 2025-08-09T17:03:33Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Cryptid images]] [[Category:Juno]] == Licensing == {{License|game}} 30674b1971116c17a1372998dc15056f4c4706c0 14 365 1029 2025-08-09T17:07:20Z DivineGoddess 619222 Created page with "Videos posted by the developers on social media." wikitext text/x-wiki Videos posted by the developers on social media. 57e7ef6751a9d0e6d4387886dd5317f08ce463e5 6 366 1030 2025-08-09T17:07:49Z DivineGoddess 619222 [[Category:Cryptid images]] [[Category:Juno]] wikitext text/x-wiki == Summary == [[Category:Cryptid images]] [[Category:Juno]] == Licensing == {{License|game}} 3d544c6bd5d11b7ade060f9bd8d7be7829729460 6 367 1031 2025-08-09T17:08:21Z DivineGoddess 619222 [[Category:Developer videos]] wikitext text/x-wiki == Summary == [[Category:Developer videos]] == Licensing == {{License|game}} d5f3d45d4262ca47df8c8ca425f2688fe103c294 6 368 1033 2025-08-09T17:10:48Z DivineGoddess 619222 [[Category:Developer videos]] wikitext text/x-wiki == Summary == [[Category:Developer videos]] == Licensing == {{License|game}} d5f3d45d4262ca47df8c8ca425f2688fe103c294 0 354 1034 1017 2025-08-09T17:11:04Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Fishing village.mp4|thumb|The Fishing Village.]] The [[Fishing Village]] is at the coast.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref> It has a bathing area to the right. == References == <references /> [[Category:Locations]] 04b042d90719ca1d9e7f1347133d1defb297c8eb 0 316 1035 1000 2025-08-09T17:18:49Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-logo.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title ''[[CrossCode]]''"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[Tiran Sol|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.<ref name=":0" /></blockquote> <blockquote>...7 unique areas and many secrets to uncover. Rebuild settlements, establish trade routes and advance science by helping people. Each new advancement will be accompanied by the settlements changing visually, opening up new paths and opportunities!<ref name=":0" /></blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.<ref name=":0" /></blockquote> <blockquote>Take full control over a total of 4 [[elements]] and 8 unique [[divine weapons|weapons]] of which 2 can be slotted into each element at any given time.<ref name=":0" /></blockquote>There will be a day-night cycle in the game.<ref>[https://www.radicalfishgames.com/?p=7499 Happy New Year and Progress from Radical Fish Games!]</ref> == Development == [[File:Project terra logo.jpg|thumb|'''Project Terra'''<nowiki/>'s logo, from Gamescom 2023.<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref>]] {{Stub}} During early development, Alabaster Dawn's working title was '''Project Terra'''. == References == <references /> 626b4dd5451404766fff11cc07fa2e90370ba872 1038 1035 2025-08-09T17:27:39Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox game |image=Alabaster-dawn-logo-dark.png |Release date=To be announced |Developer=[[Radical Fish Games]] |Players=Singleplayer |Language=English |Platforms=Windows }} [[Alabaster Dawn]] is a "top-down 2.5D Action RPG"<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam Page]</ref> being developed in HTML5 by [[Radical Fish Games]]. The demo is set to release this September. The gameplay builds "on top of the best aspects of Radical Fish Games' previous title ''[[CrossCode]]''"<ref name=":0" />. The game focuses on [[Juno o' Lira]], the Outcast Chosen, tasked with ridding the world of [[Tiran Sol]] of [[Nyx]] and awakening the rest of [[humanity]]. '''Since the game isn't out, this page is going to be mostly marketing language and speculation.''' == Plot == <blockquote>Battle [[:Category:Enemies|enemies]] with stylish combos, wield multiple [[divine weapons]], solve intriguing puzzles and explore [[Tiran Sol|a changing world]].<ref name=":0" /></blockquote> <blockquote>The shadow of [[Nyx]] has fallen, warping the world into a wasteland and vanishing the [[gods]] and their [[Humanity|people]]. Now, [[Juno o' Lira|Juno]], the Outcast Chosen, awakens to an impossible task: ''bring it all back''.<ref name=":0" /></blockquote> <blockquote>...7 unique areas and many secrets to uncover. Rebuild settlements, establish trade routes and advance science by helping people. Each new advancement will be accompanied by the settlements changing visually, opening up new paths and opportunities!<ref name=":0" /></blockquote> == Gameplay == <blockquote>...featuring a deep and engaging combat system, challenging puzzles and an epic story set in a curious world full of secrets to discover and places to explore.<ref name=":0" /></blockquote> <blockquote>Take full control over a total of 4 [[elements]] and 8 unique [[divine weapons|weapons]] of which 2 can be slotted into each element at any given time.<ref name=":0" /></blockquote>There will be a day-night cycle in the game.<ref>[https://www.radicalfishgames.com/?p=7499 Happy New Year and Progress from Radical Fish Games!]</ref> == Development == [[File:Project terra logo.jpg|thumb|'''Project Terra'''<nowiki/>'s logo, from Gamescom 2023.<ref>[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref>]] {{Stub}} During early development, Alabaster Dawn's working title was '''Project Terra'''. == References == <references /> 408b4312f150b5ca1be94fcc048f7f67f41a50e4 6 370 1037 2025-08-09T17:27:19Z DivineGoddess 619222 [[Category:Promotional images]] wikitext text/x-wiki == Summary == [[Category:Promotional images]] == Licensing == {{License|game}} a91690fb8ad9f64a1b853c3eb05b882df194ba59 8 234 1039 933 2025-08-09T17:31:16Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } #mw-indicator-z-cheese { image-rendering: pixelated; } .view-dark .mw-wiki-logo { background-image: url(filepath://Site-logo-dark.png); } 996b899161d79aff92682675373a775128208cff 1040 1039 2025-08-09T17:31:34Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } #mw-indicator-z-cheese { image-rendering: pixelated; } .view-dark .mw-wiki-logo { background-image: url(https://alabasterdawn.wiki.gg/images/b/b4/Site-logo-dark.png); } ac287dc96603c7d8f975f3d983297ed897c48bce 1041 1040 2025-08-09T17:32:15Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } #mw-indicator-z-cheese { image-rendering: pixelated; } .theme-dark .mw-wiki-logo { background-image: url(https://alabasterdawn.wiki.gg/images/b/b4/Site-logo-dark.png); } f4599ac3d2bffd756407324ce17c5a88c83cc9d5 1042 1041 2025-08-09T17:34:00Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #66c3cf; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(71%) sepia(16%) saturate(1063%) hue-rotate(139deg) brightness(98%) contrast(86%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } #mw-indicator-z-cheese { image-rendering: pixelated; } .view-dark { --wiki-logo-image: url(https://alabasterdawn.wiki.gg/images/b/b4/Site-logo-dark.png); } 33190540bdb6a697a9468287d1b2f89f61137a90 1043 1042 2025-08-09T17:36:04Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #98f2ff; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(84%) sepia(7%) saturate(2033%) hue-rotate(158deg) brightness(102%) contrast(108%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } #mw-indicator-z-cheese { image-rendering: pixelated; } .view-dark { --wiki-logo-image: url(https://alabasterdawn.wiki.gg/images/b/b4/Site-logo-dark.png); } 29e48d519b164e3a362328e0299d1453c80ba429 1051 1043 2025-08-09T17:45:40Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #98f2ff; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(84%) sepia(7%) saturate(2033%) hue-rotate(158deg) brightness(102%) contrast(108%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } #mw-indicator-z-cheese { image-rendering: pixelated; } .view-light { --wiki-logo-image: url(https://alabasterdawn.wiki.gg/images/b/b4/Site-logo-dark.png); } ba5ce4cc2235fddcf55135ed247c319e46cedaa8 1052 1051 2025-08-09T17:46:27Z DivineGoddess 619222 css text/css /* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,XOPQ,YOPQ@8..144,25..151,100..1000,27..175,25..135&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&display=swap'); @import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family : "Imaki"; src : url("https://commons.wiki.gg/images/d/d1/Imaki.otf?998100") format("opentype"); } /****************************************************************************************** ********************************* Start user-edit variables ******************************* ******************************************************************************************/ /***************************************** ****** START BASIC DESIGN VARIABLES ****** ----------------------------------------*/ :root { --wiki-content-heading-font-family: "K2D", sans-serif; --wiki-sidebar-heading-font-family: "K2D", sans-serif; --wiki-content-border-radius: 7px; --wiki-sidebar-border-radius: 7px; } /*---------------------------------------- ******* END BASIC DESIGN VARIABLES ******* *****************************************/ /***************************************** ****** START BASIC COLOR VARIABLES ******* ----------------------------------------*/ :root, /* Begin light styles, delete from here to "end light styles" if you don't want your wiki to support any light themes (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=light, */ /* individual themes are prefixed with .theme- instead */ .view-light { /********************** * Probably edit these * [ LIGHT VIEW ] ..... EVERYTHING IS GOOD ***********************/ --wiki-body-background-color: #ffffff; --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/4/4a/Title-bg.jpg); --wiki-content-background-color: #ffffff; --wiki-content-background-opacity: 95%; --wiki-content-border-color: #66c3cf; --wiki-content-link-color: #057c87; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ LIGHT VIEW ] */ --wiki-accent-color: #354a61; --wiki-accent-label-color: #fff; --wiki-accent-link-color: #f1d084; --wiki-icon-to-link-filter: invert(39%) sepia(49%) saturate(704%) hue-rotate(137deg) brightness(92%) contrast(105%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* end light styles */ /* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ /* FYI: .view- will affect any theme marked |kind=dark, */ /* individual themes are prefixed with .theme- instead */ .view-dark { /********************** * Probably edit these * [ DARK VIEW ] ***********************/ --wiki-body-background-color: #525365; /* Satomi changed */ --wiki-body-background-image: url(https://alabasterdawn.wiki.gg/images/b/b3/Dark_bg.jpg); --wiki-content-background-color: #12151b; /* Satomi changed */ --wiki-content-background-opacity: 95%; /* Satomi changed */ --wiki-content-border-color: #66c3cf; /* Satomi changed */ --wiki-content-link-color: #98f2ff; /* Satomi changed */ /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */ /* [ DARK VIEW ] */ --wiki-accent-color: #66c3cf; /* Satomi changed */ --wiki-accent-label-color: #111f2e; /* Satomi changed */ --wiki-accent-link-color: #000; /* Satomi changed */ --wiki-icon-to-link-filter: invert(84%) sepia(7%) saturate(2033%) hue-rotate(158deg) brightness(102%) contrast(108%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ } /* End dark styles */ /*---------------------------------------- ******* END BASIC COLOR VARIABLES ******** *****************************************/ /***************************************** **** START ADVANCED COLOR VARIABLES ****** ----------------------------------------*/ :root, .view-light { /******************* * Maybe edit these * [ LIGHT VIEW ] ********************/ --wiki-body-background-position: center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #111111; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #ba0000; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ LIGHT VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ LIGHT VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #bf0017; --wiki-warning-color: #b05f30; --wiki-success-color: #0c742f; /**/ /*********************************** * Likely do not need to edit these * [ LIGHT VIEW ] ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--inverted: #cccccc; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #ffffff; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--inverted: #cccccc; /* [ LIGHT VIEW ] */ --wiki-alert-label-color: #ffffff; --wiki-warning-label-color: #ffffff; --wiki-success-label-color: #ffffff; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } .view-dark { /******************* * Maybe edit these * [ DARK VIEW ] ********************/ --wiki-body-background-position: top center; --wiki-body-background-size: cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color)); --wiki-content-text-color: #ededed; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-redlink-color: #FC5B4F; --wiki-content-heading-color: var(--wiki-content-text-color); --wiki-content-heading-border-color: var(--wiki-content-border-color); /* [ DARK VIEW ] */ --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-border-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-border-color: var(--wiki-content-border-color); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); /* [ DARK VIEW ] */ --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-alert-color: #ff576a; --wiki-warning-color: #cf721c; --wiki-success-color: #13aa45; /**/ /*********************************** * Likely do not need to edit these * [ DARK VIEW ] ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--secondary: #cccccc; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent); --wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent); --wiki-content-link-label-color: #000; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--secondary: #cccccc; --wiki-content-dynamic-color--secondary--inverted: #333333; /* [ DARK VIEW ] */ --wiki-alert-label-color: #000000; --wiki-warning-label-color: #000000; --wiki-success-label-color: #000000; --wiki-icon-general-filter: invert(100%); } /*---------------------------------------- ***** END ADVANCED COLOR VARIABLES ******* *****************************************/ /***************************************** **** START ADVANCED DESIGN VARIABLES ***** ----------------------------------------*/ :root { /*********************** start logo position ----------------------*/ --wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */ --wiki-logo-file-width: 500; /* Width of the image file in px. Put a number without the letters `px`. */ --wiki-logo-file-height: 312; /* Height of the image file in px. Put a number without the letters `px`. */ --wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */ --wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */ /*----------------------- end logo position ***********************/ --wiki-is-navigation-inside-content: 1; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */ --wiki-body-font-family: "Roboto Flex", sans-serif; --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */ /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-width: 1px; --wiki-sidebar-width: 10em; /* width of sidebar(#mw-panel) */ --wiki-sidebar-portal-spacing: 0px; --wiki-sidebar-border-width: var(--wiki-content-border-width); --wiki-navigation-border-radius: 7px; /* border radius of tabs */ /******************* * Maybe edit these * [ DESIGN ] ********************/ --wiki-logo-filter: none; /****** the following length variables must have units specified even if 0, ignore the warning *****/ --wiki-content-border-top-radius: var(--wiki-content-border-radius); --wiki-content-border-style: solid; --wiki-content-border-image: none; --wiki-content-backdrop-filter: none; --wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */ --wiki-gap-between-sidebar-and-content: 0.5em; /* gap between sidebar(#mw-panel) and content(#content) */ --wiki-sidebar-font-size: 0.75em; /* please use em or rem for this */ --wiki-sidebar-line-height: 1.125; --wiki-sidebar-heading-font-size: 1em; /* please use em or rem for this */ --wiki-sidebar-margin: 0.5em; --wiki-sidebar-list-item-padding: 0.25em 0.25rem; --wiki-sidebar-list-padding: 0.25rem; --wiki-sidebar-list-item-background--hover: none; /* background of hover item */ --wiki-navigation-font-size: 0.8125em; /* please use em or rem for this */ --wiki-navigation-height: 2.6rem; /* height of navigation area,include spacing above tabs */ --wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem ); --wiki-navigation-box-background-color: var(--wiki-content-background-color); --wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content)); --wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */ --wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ --wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter); /* usually only needed when --wiki-is-navigation-inside-content is 0 */ /* nav tabs style. The vector gradient is default. * If you want to customize the style of tabs, it's easier to start with the following settings:*/ --wiki-navigation-background-image: none; --wiki-navigation-selected-background-image: none; --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px ); --wiki-navigation-selected-border-bottom-background: none; --wiki-navigation-tab-spacing: 0.2em; --wiki-navigation-tab-padding-top: 0.5em; --wiki-navigation-tab-padding-bottom: 0.5em; /* affects the dropdown menu under More */ --wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */ --wiki-navigation-dropdown-border-width: 1px; --wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius); --wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */ --wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */ --wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */ --wiki-navigation-dropdown-border-image: none; --wiki-navigation-dropdown-backdrop-filter: none; --wiki-navigation-dropdown-box-shadow: none; /* box shadow */ /* styles of the footer */ --wiki-spacing-before-footer: 1em; --wiki-footer-border-image: none; /* padding on body element */ --wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */ --wiki-left-spacing: 0.5em; --wiki-right-spacing: 1em; --wiki-bottom-spacing: 2em; /* end design variables */ } /*---------------------------------------- ***** END ADVANCED DESIGN VARIABLES ****** *****************************************/ /******************************* **** START SHARED VARIABLES **** **** tl;dr: don't edit this **** ********************************/ /* These variables are rarely touched, usually inherit other variables, and are shared on all themes. In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision, understand what you are doing, and *know* that what you are trying to do is not accomplished by changing another variable in the above sections. Since these are by default shared across all themes, if you support multiple themes you'll probably want to separate the variables you want to modify here into .view-x blocks like above. If you don't understand what that means or how to do that then you probably shouldn't be modifying this section. */ :root { --wiki-content-border-bottom-width: var(--wiki-content-border-width); --wiki-content-border-bottom-style: var(--wiki-content-border-style); --wiki-content-border-bottom-color: var(--wiki-content-border-color); --wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%); --wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color)); --wiki-content-text-color--hover: var(--wiki-content-text-color); /* heading */ --wiki-content-heading-border-bottom-width: 1px; --wiki-content-heading-border-style: solid; --wiki-content-heading-font-weight: 800; --wiki-content-heading-font-style: normal; --wiki-content-heading-text-transform: none; --wiki-content-heading-line-height: normal; --wiki-content-heading-text-shadow: none; /* first heading (h1) */ --wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width); --wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); --wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight); --wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style); --wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform); --wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-firstheading-color: var(--wiki-content-heading-color); --wiki-content-firstheading-text-shadow: none; /* sub-heading (h3, h4, h5, h6) */ --wiki-content-subheading-border-bottom-width: 0px; --wiki-content-subheading-border-style: var(--wiki-content-heading-border-style); --wiki-content-subheading-border-color: var(--wiki-content-heading-border-color); --wiki-content-subheading-font-family: var(--wiki-body-font-family); --wiki-content-subheading-font-weight: bold; --wiki-content-subheading-font-style: normal; --wiki-content-subheading-text-transform: none; --wiki-content-subheading-line-height: var(--wiki-content-heading-line-height); --wiki-content-subheading-color: var(--wiki-content-heading-color); --wiki-content-subheading-text-shadow: none; /* heading size */ --wiki-content-firstheading-font-size: 2em; --wiki-content-heading-h2-font-size: 1.5em; --wiki-content-heading-h3-font-size: 1.2em; --wiki-content-heading-h4-font-size: 114%; --wiki-content-heading-h5-font-size: 108%; --wiki-content-heading-h6-font-size: 100%; --wiki-content-toc-background: var(--wiki-content-background-color--secondary); --wiki-content-toc-border-width: 1px; --wiki-content-toc-border-style: solid; --wiki-content-toc-border-color: var(--wiki-content-border-color); --wiki-content-toc-border-radius: 7px; --wiki-content-toc-border-image: none; --wiki-content-toc-box-shadow: none; --wiki-content-catlinks-background: var(--wiki-content-background-color--secondary); --wiki-content-catlinks-border-width: 1px; --wiki-content-catlinks-border-style: solid; --wiki-content-catlinks-border-color: var(--wiki-content-border-color); --wiki-content-catlinks-border-radius: 7px; --wiki-content-catlinks-border-image: none; --wiki-content-catlinks-box-shadow: none; --wiki-content-filetoc-background: var(--wiki-content-background-color--secondary); --wiki-content-filetoc-border-width: 1px; --wiki-content-filetoc-border-style: solid; --wiki-content-filetoc-border-color: var(--wiki-content-border-color); --wiki-content-filetoc-border-radius: 0px; --wiki-content-filetoc-border-image: none; --wiki-content-filetoc-box-shadow: none; --wiki-logo-offset-x: 0px; --wiki-logo-offset-y: 0px; --wiki-logo-offset-x--mobile: 0px; --wiki-logo-offset-y--mobile: 0px; --wiki-sidebar-padding: 0px; --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-background-image: none; --wiki-sidebar-background-position: center; --wiki-sidebar-background-repeat: repeat; --wiki-sidebar-background-size: auto; --wiki-sidebar-filter: none; --wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-style: solid; --wiki-sidebar-border-image: none; --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-heading-color: var(--wiki-content-heading-color); --wiki-sidebar-heading-font-weight: normal; --wiki-sidebar-heading-font-style: normal; --wiki-sidebar-heading-text-transform: none; --wiki-sidebar-heading-line-height: normal; --wiki-sidebar-heading-padding: 0.5rem 0.25rem 0.5rem 0.5rem; --wiki-sidebar-heading-margin-bottom: -0.5rem; --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-heading-text-shadow: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter); --wiki-sidebar-offset: 0px; /* Vertical offset */ --wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color)); --wiki-footer-border-width: var(--wiki-content-border-width); --wiki-footer-border-style: var(--wiki-content-border-style); --wiki-footer-border-color: var(--wiki-content-border-color); --wiki-footer-background-color: var(--wiki-content-background-color); --wiki-footer-background-opacity: var(--wiki-content-background-opacity); --wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter); --wiki-footer-text-color: var(--wiki-content-text-color); --wiki-footer-link-color: var(--wiki-content-link-color); --wiki-footer-link-color--hover: var(--wiki-content-link-color--hover); --wiki-footer-border-radius: var(--wiki-content-border-radius); --wiki-navigation-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-background-color--hover: var(--wiki-navigation-background-color); --wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity); --wiki-navigation-background-image--hover: var(--wiki-navigation-background-image); --wiki-navigation-background-position--hover: var(--wiki-navigation-background-position); --wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat); --wiki-navigation-background-size--hover: var(--wiki-navigation-background-size); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-selected-border-style: solid; --wiki-navigation-selected-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-border-style: solid; --wiki-navigation-border-color--hover: var(--wiki-navigation-border-color); --wiki-navigation-border-image--hover: var(--wiki-navigation-border-image); --wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color); --wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style); --wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px)); --wiki-navigation-icon-size: 1em; --wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x); --wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */ --wiki-navigation-dropdown-background-color: var(--wiki-navigation-selected-background-color); --wiki-navigation-dropdown-background-opacity: var(--wiki-content-background-opacity); --wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color); --wiki-navigation-dropdown-offset: 0px; /* vertical offset */ --wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-search-background-image: none; --wiki-navigation-search-background-position: 0; --wiki-navigation-search-background-size: auto; --wiki-navigation-search-background-repeat: repeat; --wiki-navigation-search-backdrop-filter: none; --wiki-navigation-search-border-color: var(--wiki-navigation-border-color); --wiki-navigation-search-border-color--hover: var(--wiki-accent-color); --wiki-navigation-search-border-style: solid; --wiki-navigation-search-border-width: 1px; --wiki-navigation-search-border-radius: 2px; --wiki-navigation-search-border-image: none; --wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image); --wiki-navigation-search-box-shadow: none; --wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow); --wiki-navigation-search-text-color: var(--wiki-content-text-color); --wiki-navigation-search-font-size: var(--wiki-navigation-font-size); --wiki-navigation-search-height: 2em; --wiki-navigation-search-button-color: currentColor; --wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color); --wiki-navigation-search-button-color-opacity: 80%; --wiki-navigation-search-button-color-opacity--hover: 95%; --wiki-navigation-search-bottom-spacing: 3px; --wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */ } /*** mobile adjustments ***/ @media screen and (max-width: 720px) { body.has-vector-mobile-menu{ --wiki-sidebar-heading-background: none; --wiki-sidebar-heading-border-image: none; --wiki-sidebar-list-background: none; --wiki-sidebar-list-border-image: none; --wiki-sidebar-list-item-background: none; --wiki-sidebar-list-item-border-image: none; --wiki-sidebar-list-item-background--hover: none; --wiki-sidebar-list-item-border-image--hover: none; --wiki-sidebar-list-item-spacing: 0px; --wiki-sidebar-line-height: 1.125; --wiki-sidebar-background-opacity: 100%; --wiki-navigation-search-border-width: 1px; } } /***************************** **** END SHARED VARIABLES **** ******************************/ /****************************************************************************************** ********************************* End user-edit variables ********************************* ******************************************************************************************/ /****************************** * Fallback for older browsers * * DONT EDIT THIS * *******************************/ @supports not (color:color-mix(in srgb, #000, transparent)) { .view-dark, .view-light, :root { --wiki-content-text-mix-color: var(--wiki-content-text-color); --wiki-content-text-mix-color-95: var(--wiki-content-background-color); --wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted); --wiki-content-border-color--secondary: var(--wiki-content-border-color); --wiki-content-border-color--accent: var(--wiki-accent-color); --wiki-accent-color--hover: var(--wiki-accent-color); } } /***************************** * End older browser fallback * ******************************/ /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data, .portable-infobox .pi-group { background: var(--wiki-content-background-color--secondary); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-caption { color: var(--wiki-content-text-mix-color); } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } .pi-collapse > .pi-item:first-child { cursor: pointer; } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; gap: 10px; } @media screen and (max-width: 990px) { /* for mobile screens */ #mp-container { grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:var(--main-page-layout-columns--mobile, 100%); } .mp-box.mp-hide-on-mobile { display: none; } } @media screen and (min-width: 990px) and (max-width: 1350px) { /* for narrow screens, between 990px and 1350px */ #mp-container { grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr); } .mp-box.mp-hide-on-tablet { display: none; } } @media screen and (min-width: 1350px) { /* for all other screens, 1350px and wider */ #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr); } .mp-box.mp-hide-on-desktop { display: none; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: 100%; box-sizing: border-box; background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent); border: 1px solid var(--wiki-content-border-color); padding: 0px; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } /* overqualified to override normal heading styles */ .mw-body .mp-box h2 { text-align: center; font-weight: bold; font-family: var(--wiki-content-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--wiki-content-heading-color); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-box-welcome h2 { font-size: 200%; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--wiki-content-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /*********************** * End main page layout * ************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ":\20"; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ /* content: "\20\00B7\20"; font-weight: bold; */ /* "space &nbsp; • &nbsp; space" There may (and likely) be an extra whitespace between <li>s, therefore we have to use a space character as last character of this sequence. By this way, the last space and the next whitespce will collapse as a single space, to make the whitespace on both sides of the middle dot the same width. */ content: "\20\A0\2022\A0\20"; font-weight: inherit; } /* Add parentheses around nested lists */ .hlist dd ol::before, .hlist dd ul::before, .hlist dd dl::before, .hlist dt ol::before, .hlist dt ul::before, .hlist dt dl::before, .hlist li ol::before, .hlist li ul::before, .hlist li dl::before { content: "\20("; font-weight: inherit; } .hlist dd ol::after, .hlist dd ul::after, .hlist dd dl::after, .hlist dt ol::after, .hlist dt ul::after, .hlist dt dl::after, .hlist li ol::after, .hlist li ul::after, .hlist li dl::after { content: ")"; font-weight: inherit; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) ".\20"; } /* Progressive enhancement: * try to make the dot always follow the list item in same line */ .hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) { display: inline-block; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } .pixelated { image-rendering: pixelated; } @media screen and (min-width: 720px) { .mobileonly { display: none; } } @media screen and (max-width: 720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: row wrap; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content { flex: 1; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent); transition: all 0.3s; cursor: pointer; overflow: auto; } @supports not (color:color-mix(in srgb, #000, transparent)) { .spoiler-content { background-color: var(--wiki-content-dynamic-color--secondary); } } .spoiler-content > * { pointer-events: none; opacity: 0; transition: all 0.3s; } .spoiler-content.show { background-color: transparent; } .spoiler-content.show > * { pointer-events: unset; opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext, .link-icon.notext .fallback { display: inline-block; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; overflow-y: hidden; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ /********************************* * Used by [[Template:TOC limit]] * **********************************/ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /************************* * End Template:TOC limit * **************************/ /********************************* * Used by [[Template:TOC right]] * **********************************/ @media all and (min-width: 720px) { .tocright { float: right; clear: right; margin: 0 0 0.5em 1em; } } /************************* * End Template:TOC right * **************************/ /* custom variables! */ :root { --ala-border-inner-gradient: linear-gradient(#ddc879, #8b7f6f, #ddc879); --ala-border-outer: rgba(0, 0, 0, 0.7); --ala-bg: #4e4a49; --ala-bg2: #433f3e; --ala-bg-heading-top: #3f3e3a; --ala-bg-heading-section: #5c5857; --ala-heading-text: #9d9b9c; --ala-bg-title-gradient: linear-gradient(to right, var(--ala-bg), var(--ala-bg2) 20%, var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-text: #ffffff; --ala-link: #bfe3e8; --ala-redlink: #ffbfbf; --ala-diamond: #66c3cf; --ala-green: #67fe8b; --ala-yellow: #ffeb33; --ala-bg-attribute-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 60%, var(--ala-bg) 100%); --ala-bg-numerical-gradient: linear-gradient(to right, var(--ala-bg2), var(--ala-bg2) 80%, var(--ala-bg) 100%); --ala-border-numerical: #7b7776; --ala-border-numerical-transparent: rgba(123, 119, 118, 0); --ala-border-numerical-gradient: linear-gradient(175deg, var(--ala-border-numerical), var(--ala-border-numerical-transparent) 50%, var(--ala-border-numerical-transparent) 100%); } #n-mainpage-description { display:none; } #mw-indicator-z-cheese { image-rendering: pixelated; } .view-light { --wiki-logo-image: url(https://alabasterdawn.wiki.gg/images/a/a8/Site-logo-light.png); } f0daf589ba0d536af6282b2f7f215e6bb5df21cc 4 352 1044 1007 2025-08-09T17:37:26Z DivineGoddess 619222 wikitext text/x-wiki This is a catch-all page for small tidbits that can only be theorized about, but otherwise are impossible to document. Sections will be added whenever someone notices something. 7b7a71eab41c1b950f40fff1b6253240662bb2d3 6 371 1046 2025-08-09T17:41:59Z DivineGoddess 619222 DivineGoddess renamed page [[File:Site-logo.png]] to [[File:Site-logo-light.png]] wikitext text/x-wiki #REDIRECT [[File:Site-logo-light.png]] 7fe867069df88ad12353ddeacb7ac5439a65a374 1047 1046 2025-08-09T17:44:02Z DivineGoddess 619222 DivineGoddess uploaded [[File:Site-logo.png]] wikitext text/x-wiki #REDIRECT [[File:Site-logo-light.png]] 7fe867069df88ad12353ddeacb7ac5439a65a374 1048 1047 2025-08-09T17:44:13Z DivineGoddess 619222 Removed redirect to [[File:Site-logo-light.png]] wikitext text/x-wiki [[Category:Promotional images]] [[Category:Wiki skin images]] [[Category:Logos]] 8d8d861eb15f22369b548dcb79bf38db243abd83 6 372 1049 2025-08-09T17:44:47Z DivineGoddess 619222 wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 1050 1049 2025-08-09T17:44:56Z DivineGoddess 619222 Protected "[[File:Site-logo-light.png]]" ([Edit=Allow only administrators] (indefinite) [Rename=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 1077 1050 2025-08-09T18:21:27Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Wiki skin images]] f0235f85e2414431e046ae251792bf050daef5f7 4 285 1053 990 2025-08-09T17:51:57Z DivineGoddess 619222 wikitext text/x-wiki The wiki's to-do list! == Always == * Replace images in [[:Category:Cryptid images]] == Immediately == * document everything we know so far! ** "document" enemies mentioned here https://www.radicalfishgames.com/?p=7573 * make an article on [[CrossCode]] * improve [[Meta:Style guide]] == Demo release == * [[:Category:Notice templates]] should have their icons replaced once game assets become available * document all the new stuff (duh) 9874f57445eec4c24acd18ddeb0d9e64e797f8cb 0 346 1054 980 2025-08-09T17:58:11Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Elements.PNG|thumb|The four elements, presumably none unlocked.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] The [[elements]] are in the game. We don't know what they do, but just like [[CrossCode]], there are four of them. * '''Aether'''<ref>[https://www.radicalfishgames.com/?p=7606 Alabaster Dawn Update for the New Year of 2025]</ref> == References == <references /> d9d1a9c21d39981d66b6fee29fe0c9e0c5d414b6 1055 1054 2025-08-09T17:58:38Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Elements.PNG|thumb|The four elements, presumably none unlocked.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref> The second one from the left is Aether.<ref name=":0" />]] The [[elements]] are in the game. We don't know what they do, but just like [[CrossCode]], there are four of them. * '''Aether'''<ref name=":0">[https://www.radicalfishgames.com/?p=7606 Alabaster Dawn Update for the New Year of 2025]</ref> == References == <references /> 194e07fb3fd451e06bbf0f2b6dee5f699553a6e0 1056 1055 2025-08-09T17:59:25Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[File:Elements.PNG|thumb|The four elements, presumably none unlocked.<ref>[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref> The second one from the left is Aether.<ref name=":0" />]] The [[elements]] are in the game. We don't know what they do, but just like [[CrossCode]], there are four of them. * '''Aether'''<ref name=":0">[https://www.radicalfishgames.com/?p=7606 Alabaster Dawn Update for the New Year of 2025]</ref> <blockquote>with each one you unlock new slots to assign a melee and a ranged weapon to!<ref name=":0" /></blockquote> == References == <references /> 2f0bf14216f4f87a54c4800346f990928de06cd5 0 373 1057 2025-08-09T18:02:22Z DivineGoddess 619222 Created page with "{{Stub}} In [[Alabaster Dawn]], [[Juno]] can inflict various(?) [[status conditions]]. * '''Brittle''' ** "neutralizes hit type resistance - allowing you to break enemies with whatever weapon you like."<ref>[https://www.radicalfishgames.com/?p=7606 Alabaster Dawn Update for the New Year of 2025]</ref> == References == <references />" wikitext text/x-wiki {{Stub}} In [[Alabaster Dawn]], [[Juno]] can inflict various(?) [[status conditions]]. * '''Brittle''' ** "neutralizes hit type resistance - allowing you to break enemies with whatever weapon you like."<ref>[https://www.radicalfishgames.com/?p=7606 Alabaster Dawn Update for the New Year of 2025]</ref> == References == <references /> 12e5d240a9447b1c6abf767be75f98c441488b04 0 332 1058 968 2025-08-09T18:05:44Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} [[Radical Fish Games]] is the studio developing [[Alabaster Dawn]], and, previously, ''[[CrossCode]]''. == Team members == This is a non-exhaustive list derived from various blog posts. * '''Sibylle Hell''' - concept artist<ref>[https://www.radicalfishgames.com/?p=7208 A new Challenger Arrives!]</ref> * '''Luke “Lun Calsari” Wacholtz''' - "supporting [the] writing process"<ref>[https://store.steampowered.com/news/app/3110760/view/541107047141216167 Development Update - Still working on that Demo!]</ref><ref>[https://www.radicalfishgames.com/?p=7666 Merch Poll, a Concert, Alabaster Dawn Progress and a new Face]</ref> * '''Nagi Shirakumo''' - composer<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref> * '''Lachsen''' - programmer<ref name=":0">[https://www.radicalfishgames.com/?p=7294 Project Terra Progress]</ref> * '''Thomas Fröse''' - programmer<ref name=":0" />, artist<ref name=":1" /> * '''Regiden''' - programmer<ref name=":0" /> * '''Teflora''' - programmer<ref name=":0" /> * '''Javid Ali''' - 3D animator<ref name=":1">[https://www.radicalfishgames.com/?p=7326 New Pre-Alpha Footage & Gamescom!]</ref> * '''Martina''' - artist<ref name=":1" /> * '''Teekuh''' - artist<ref name=":1" /> == Cheese == Cheese emotes are a studio meme. == References == <references /> 872806d637f83c8c0d7464d0b9eb44994c4ef2a8 14 295 1059 357 2025-08-09T18:09:00Z DivineGoddess 619222 wikitext text/x-wiki {{navbox character}} dbf50f5c4ff09d91ef0b374c457ea0611138d372 8 309 1060 889 2025-08-09T18:10:22Z DivineGoddess 619222 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** Meta:Style guide|Style guide ** Meta:To do|To do ** Meta:Crumbs|Crumbs * Alabaster Dawn ** Category:Characters|Characters ** Category:Locations|Locations ** Divine weapons|Divine weapons ** Elements|Elements ** Enemies|Enemies ** Cooking|Cooking * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar 3878a0fdef2d0fed1e953f463a31a02988acb48f 1061 1060 2025-08-09T18:10:41Z DivineGoddess 619222 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** Meta:Style guide|Style guide ** Meta:To do|To do * Alabaster Dawn ** Category:Characters|Characters ** Category:Locations|Locations ** Divine weapons|Divine weapons ** Elements|Elements ** Enemies|Enemies ** Cooking|Cooking * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar d2e1c76339debd4285c1abb339561abb848a9848 1062 1061 2025-08-09T18:10:55Z DivineGoddess 619222 wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** Meta:Style guide|Style guide ** Meta:To do|To do * Alabaster Dawn ** Category:Characters|Characters ** Divine weapons|Divine weapons ** Elements|Elements ** Category:Locations|Locations ** Enemies|Enemies ** Cooking|Cooking * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar cc47c59fd957000d9c187c480f9ea080fb4034db 14 374 1063 2025-08-09T18:12:03Z DivineGoddess 619222 Created page with "Categories and pages pertaining to the wiki itself." wikitext text/x-wiki Categories and pages pertaining to the wiki itself. 57a914f3f34cecc97fab3cc1ae146bc57485bd31 14 375 1064 2025-08-09T18:12:28Z DivineGoddess 619222 Created page with "Pages and files related to [[Cabbage]]." wikitext text/x-wiki Pages and files related to [[Cabbage]]. 9db66a8ba89d7606e17358073cf45e3249ec2092 0 340 1065 1006 2025-08-09T18:12:41Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=water pig<ref name=":0">[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> }} This character's name is [[Cabbage]]<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref>, which was chosen for them by [[Juno]].<ref name=":0" /> They can fly, or at least hover, and they seem to be leading or following Juno around. They first appear to Juno emerging from a divine marble. == References == <references /> {{navbox character}} [[Category:Cabbage]] c75a34e8cc1fdbbad61b910ee0a4a4cf2151007d 1079 1065 2025-08-09T18:23:44Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=cabbage.png |Pronouns=they/them |Species=water pig<ref name=":0">[https://www.radicalfishgames.com/?p=7410 Project Terra Progress and Gamescom 2023]</ref> }} This character's name is [[Cabbage]]<ref>[https://www.radicalfishgames.com/?p=7276 Project Terra Prototype Completed]</ref>, which was chosen for them by [[Juno]].<ref name=":0" /> They can fly, or at least hover, and they seem to be leading or following Juno around. They first appear to Juno emerging from a divine marble. == Gallery == <gallery> File:Cabbage.png|Cabbage, from the game's promotional art </gallery> == References == <references /> {{navbox character}} [[Category:Cabbage]] feea8a42742ff87767b09dee3393aa6e08f6ec4a 14 376 1066 2025-08-09T18:13:14Z DivineGoddess 619222 Created page with "Concept art for [[Alabaster Dawn]]." wikitext text/x-wiki Concept art for [[Alabaster Dawn]]. 8304595845b9b3df6ab50410b4a60f23aa3c2f7b 14 377 1067 2025-08-09T18:13:37Z DivineGoddess 619222 Created page with "Pages pertaining to the [[divine weapons]]." wikitext text/x-wiki Pages pertaining to the [[divine weapons]]. 6f97cf6adba97edc9a548f0ea948ce3737605457 14 378 1068 2025-08-09T18:13:55Z DivineGoddess 619222 Created page with "Pages and files pertaining to [[enemies]]." wikitext text/x-wiki Pages and files pertaining to [[enemies]]. 5fb3e355910ce9da518f94a807419961c15b843e 14 379 1069 2025-08-09T18:14:09Z DivineGoddess 619222 Created page with "Pages and files pertaining to [[Filia]]." wikitext text/x-wiki Pages and files pertaining to [[Filia]]. 8b250bb86bf617b5ae6c58a926761a96fbc143e2 0 344 1070 976 2025-08-09T18:14:20Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=filia concept.png |Pronouns=she/her |Species=human? }} [[Filia o' Marmis]] is a character. Filia, like [[Juno]], was chosen by the gods to fulfill a role, but was discharged. == Personality == <blockquote>Filia is warm and gentle fuzzball. She grew up in a big… BIG family and as a result learned how to care and be patient with people early in her life. She doesn’t do well with silence and will use small talk to fill the void, which will be a perfect contrast to [[Juno o' Lira|our introverted protagonist]]. Filia grew up in the same village as Juno, yet their relationship might start off a bit icy. But over the course of the adventure you’ll find that she has much to offer and we hope you’ll learn to love her as much as we do.<ref>[https://www.radicalfishgames.com/?p=7362 Presenting: Filia! (Also Project Terra Updates)]</ref></blockquote> == References == <references /> {{navbox character}} [[Category:Filia]] f1d8061166bac45dc12fc7bca67924593489b275 1078 1070 2025-08-09T18:23:04Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=filia concept.png |Pronouns=she/her |Species=human? }} [[Filia o' Marmis]] is a character. Filia, like [[Juno]], was chosen by the gods to fulfill a role, but was discharged. == Personality == <blockquote>Filia is warm and gentle fuzzball. She grew up in a big… BIG family and as a result learned how to care and be patient with people early in her life. She doesn’t do well with silence and will use small talk to fill the void, which will be a perfect contrast to [[Juno o' Lira|our introverted protagonist]]. Filia grew up in the same village as Juno, yet their relationship might start off a bit icy. But over the course of the adventure you’ll find that she has much to offer and we hope you’ll learn to love her as much as we do.<ref>[https://www.radicalfishgames.com/?p=7362 Presenting: Filia! (Also Project Terra Updates)]</ref></blockquote> == Gallery == <gallery> File:Filia concept.png|Filia's concept art </gallery> == References == <references /> {{navbox character}} [[Category:Filia]] af4d3a1e7e3c5982bb5ae7fac3fdd53182808349 14 380 1071 2025-08-09T18:14:52Z DivineGoddess 619222 Created page with "Pages and files pertaining to [[Juno]]." wikitext text/x-wiki Pages and files pertaining to [[Juno]]. 69f2af80d4d9bde0e6d2435d5bd02e90b9a13653 0 294 1072 955 2025-08-09T18:15:04Z DivineGoddess 619222 wikitext text/x-wiki {{stub}} {{Infobox character |image=juno dialogue.png |Pronouns=she/her |Species=human? }}{{cheese|junoCheese.png}} [[Juno o' Lira]], the Outcast Chosen<ref name=":0">[https://store.steampowered.com/app/3110760/Alabaster_Dawn/ Steam page]</ref>, is the main playable character and protagonist of [[Alabaster Dawn]]. == Personality == <blockquote>Juno might look confident [...] – and she really is when it comes to handling a weapon – but otherwise you’ll find her to be a calm and almost shy person. She prefers the quiet places of nature and likes to avoid crowds of people. She doesn’t mind animals though and in fact, they tend to flock around her. Also she’s not a picky eater. She eats everything. Almost literally.<ref name=":1" /></blockquote> == The Outcast Chosen == Juno is the Outcast Chosen.<blockquote>... only through the strength of a Chosen can the curse be broken.<ref name=":0" /></blockquote> == Weapons == {{main|divine weapons}} == Gallery == <gallery> File:Juno annoucement Artwork-1.jpg|Juno's first-announced concept art<ref name=":1">[https://www.radicalfishgames.com/?p=7230 When You Know, You know!]</ref> File:Juno and cabbage.png|Juno with [[Cabbage]] </gallery> == References == <references /> {{navbox character}} [[Category:Juno]] bb702b0caee3618e65f056a43c81fd072aa4a427 6 303 1073 648 2025-08-09T18:15:47Z DivineGoddess 619222 wikitext text/x-wiki [[Category:Item images]] [[Category:Cryptid images]] == Licensing == {{License|game}} 4e97dfef5875fc66c9c737b7f92d0c3f771aa51f 6 291 1074 641 2025-08-09T18:15:55Z DivineGoddess 619222 wikitext text/x-wiki == Summary == [[Category:Skill images]] [[Category:Cryptid images]] == Licensing == {{License|game}} 819bfe430b8f517fbaf8c9ee69e945983fbdcef3 4 5 1075 1022 2025-08-09T18:16:53Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Random page|link=Special:Random}} * {{MP link|Alabaster Dawn (game)|link=Alabaster Dawn|image=alabaster-logo.png|size=x64px}} * {{MP link|Juno o' Lira|image=junoCheese.png|size=92px}} * {{MP link|Divine weapons|image=sword.png|size=92px}} * {{MP link|Enemies|image=enemy_1.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 804fef0db7ba82599701ebfb65fd7cb1b90a49d9 1076 1075 2025-08-09T18:18:30Z DivineGoddess 619222 wikitext text/x-wiki {{Main page box/start | title = Useful wiki pages | class = centered-content }} <div class="mp-links columns-3"> * {{MP link|Random page|link=Special:Random}} * {{MP link|Alabaster Dawn (game)|link=Alabaster Dawn|image=alabaster-logo.png|size=x64px}} * {{MP link|Juno o' Lira|image=junoCheese.png|size=92px}} * {{MP link|Divine weapons|image=sword.png|size=92px}} * {{MP link|Enemies|image=enemy_1.png|size=92px}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude><!-- don't edit this line --> 7d7dbd5c99f3e890e613897575748c7389ac4944 8 381 1080 2025-08-10T02:05:04Z DivineGoddess 619222 Created page with "1403807429984260176" wikitext text/x-wiki 1403807429984260176 fe29d13bcc63b486d4a11b6e06b1eefbbdf0229b 0 325 1081 1032 2025-08-10T02:06:35Z DivineGoddess 619222 wikitext text/x-wiki {{stub}}[[File:Melee ranged.png|thumb|Each weapon has gem slots, that gems can go in. Only a gem that matches the exact shape of the slot will fit, even though gems that are smaller than the slot may appear to fit.<ref name=":0">[https://www.radicalfishgames.com/?p=7386 The DevBlog is still alive! + CrossCode ~ The Ultimate Arrange]</ref>]] [[File:Kama video.mp4|thumb|The kama being used for traversal puzzles.<ref name=":1" />]] The [[divine weapons]] (or just "weapons", it's not clear yet) are wielded by [[Juno]]. There are going to be 8 of them, each with their own skill tree. They're used both for combat and for puzzles... probably. It's not clear if the sword or spear are used for any puzzles. * '''Sword''' - close range * '''Crossbow''' - long range * '''Hammer''' ** "The '''Hammer''' is the go-to slow melee weapon that packs a mighty oomph and is the perfect choice when you want to knock enemies around and can also break certain obstacles!"<ref name=":0" /> * '''Chakram''' ** "The '''Chakram''' as a round-shaped throwing-weapon might be extra exciting for [[CrossCode]] fans. However, its gimmick won’t be wall-bouncing! Instead it behaves like a boomerang and always comes back to the user. It will also have special interactions with certain '''orb-like Puzzle-Entities''' and be able to catch and then launch them regardless of player position!"<ref name=":0" /> *'''Spear''' **"a long and fast pierce-type melee weapon that can whittle enemies down with speedy pokes but also packs some wide range combo attacks."<ref name=":1">[https://www.radicalfishgames.com/?p=7499 Happy New Year and Progress from Radical Fish Games!]</ref> *'''Kama''' **"also known as 'chain-sickle', 'sickle on a chain' or 'that badass ninja weapon on a chain'."<ref name=":1" /> <gallery> File:Sword.png|Sword File:Crossbow.png|Crossbow File:Hammer.png|Hammer File:Chakram.png|Chakram File:Spear.png|Spear File:Kama.png|Kama </gallery> == References == <references /> [[Category:Divine weapons]] 07a3d17bf66dabbd576e6f5992a5c3d18467301e 2 331 1082 924 2025-08-10T02:10:37Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox skill |image=Affinity Up (Item).png |Description=Boosts {{y|Affinity}} by {{g|5%}}<br /><br />Determines likelihood of {{y|landing critical hits}}.<br /><br />The base multiplier for critical damage is {{y|150%}} and can be increased by various other enchantments such as {{y|Bullseye}}. |Type=Passive |Cost=1 }} {{Infobox item |image=Blood Heart (Item).png |Description=A deep red ruby said to have been carved from the heart of a titan.<br /><br />Slightly increases {{y|damage done by critical attacks}}.<br /><br />The titan known as the {{y|Rock Reaver}} once gouged the lands of the {{y|Ringed Vale}} until two {{y|chosen of the firstborn}} trapped the beast in a valley now known as {{y|Lake Vasia}}. |Purity=Rough }} {{Infobox character test |image=JunoCheese.png |Name=Juno o' Lira |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} 2704160acbaad7f993f95400d124d0b56290754f 1083 1082 2025-08-10T02:10:58Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox skill |image=Affinity Up (Item).png |Description=Boosts {{y|Affinity}} by {{g|5%}}<br /><br />Determines likelihood of {{y|landing critical hits}}.<br /><br />The base multiplier for critical damage is {{y|150%}} and can be increased by various other enchantments such as {{y|Bullseye}}. |Type=Passive |Cost=1 }} {{Infobox item |image=Blood Heart (Item).png |Description=A deep red ruby said to have been carved from the heart of a titan.<br /><br />Slightly increases {{y|damage done by critical attacks}}.<br /><br />The titan known as the {{y|Rock Reaver}} once gouged the lands of the {{y|Ringed Vale}} until two {{y|chosen of the firstborn}} trapped the beast in a valley now known as {{y|Lake Vasia}}. |Purity=Rough }} {{Infobox character test |image=JunoCheese.png |name=Juno o' Lira |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} a7eedf4dc86c9fc0789c8fb3ce26c4b04748afe3 1084 1083 2025-08-10T02:12:10Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox skill |image=Affinity Up (Item).png |name=Affinity Up |Description=Boosts {{y|Affinity}} by {{g|5%}}<br /><br />Determines likelihood of {{y|landing critical hits}}.<br /><br />The base multiplier for critical damage is {{y|150%}} and can be increased by various other enchantments such as {{y|Bullseye}}. |Type=Passive |Cost=1 }} {{Infobox item |image=Blood Heart (Item).png |Description=A deep red ruby said to have been carved from the heart of a titan.<br /><br />Slightly increases {{y|damage done by critical attacks}}.<br /><br />The titan known as the {{y|Rock Reaver}} once gouged the lands of the {{y|Ringed Vale}} until two {{y|chosen of the firstborn}} trapped the beast in a valley now known as {{y|Lake Vasia}}. |Purity=Rough }} {{Infobox character test |image=JunoCheese.png |name=Juno o' Lira |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} e767569c6b117699ae6446b7bb4e463fbebd8a42 2 331 1085 1084 2025-08-10T02:20:22Z DivineGoddess 619222 DivineGoddess renamed page [[User:DivineGoddess/affinity]] to [[User:DivineGoddess/sandbox]] without leaving a redirect wikitext text/x-wiki {{Infobox skill |image=Affinity Up (Item).png |name=Affinity Up |Description=Boosts {{y|Affinity}} by {{g|5%}}<br /><br />Determines likelihood of {{y|landing critical hits}}.<br /><br />The base multiplier for critical damage is {{y|150%}} and can be increased by various other enchantments such as {{y|Bullseye}}. |Type=Passive |Cost=1 }} {{Infobox item |image=Blood Heart (Item).png |Description=A deep red ruby said to have been carved from the heart of a titan.<br /><br />Slightly increases {{y|damage done by critical attacks}}.<br /><br />The titan known as the {{y|Rock Reaver}} once gouged the lands of the {{y|Ringed Vale}} until two {{y|chosen of the firstborn}} trapped the beast in a valley now known as {{y|Lake Vasia}}. |Purity=Rough }} {{Infobox character test |image=JunoCheese.png |name=Juno o' Lira |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} e767569c6b117699ae6446b7bb4e463fbebd8a42 1086 1085 2025-08-10T17:14:59Z DivineGoddess 619222 wikitext text/x-wiki {{Infobox skill |image=Affinity Up (Item).png |name=Affinity Up |Description=Boosts {{y|Affinity}} by {{g|5%}}<br /><br />Determines likelihood of {{y|landing critical hits}}.<br /><br />The base multiplier for critical damage is {{y|150%}} and can be increased by various other enchantments such as {{y|Bullseye}}. |Type=Passive |Cost=1 }} {{Infobox item |image=Blood Heart (Item).png |name=Blood Heart |Description=A deep red ruby said to have been carved from the heart of a titan.<br /><br />Slightly increases {{y|damage done by critical attacks}}.<br /><br />The titan known as the {{y|Rock Reaver}} once gouged the lands of the {{y|Ringed Vale}} until two {{y|chosen of the firstborn}} trapped the beast in a valley now known as {{y|Lake Vasia}}. |Purity=Rough }} {{Infobox character test |image=JunoCheese.png |name=Juno o' Lira |Description=[[Juno o' Lira]] is a [[Alabaster Dawn Wiki]] and I don't plan on using this field in the {{smaps|final}} infobox.<br /><br />Here's a second line with a [[red link]]. |Activation=Delay |Type=Combat Art |Life=501 |Strength=63 |Armor=56 |Deflect=40 |Berserker=40 |Bullseye=20 |Balance=30 }} a0c1c6155f8b119d40bc8a4076dd3b0ac9cda7b3 8 254 1087 1003 2025-08-10T17:16:15Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 1em !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover, .druid-infobox > div > div > div > a.new:visited { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 5d979b0bc64bb137d04a8c9781d072c55e1dfa10 1088 1087 2025-08-10T17:17:21Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 1em !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover, .druid-infobox > div > div > div > a.new:visited { color: var(--ala-redlink) !important; } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 4b103bb5683dc5c23495463692ace4444b22bf14 1089 1088 2025-08-10T17:18:29Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 1em !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover, .druid-infobox > div > div > div > a.new:visited { color: var(--ala-redlink); --wiki-content-redlink-color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 48b4ca874053213b785c3b2af8722029d78339cb 1090 1089 2025-08-10T17:19:30Z DivineGoddess 619222 css text/css /* Custom DRUID styles should go here */ .druid-container { --wiki-content-link-color: var(--ala-link); --wiki-content-link-color--visited: var(--ala-link); --wiki-content-link-color--hover: var(--ala-link); border: 3px solid transparent; border-radius: 10px; box-shadow: 0 0 0 3px var(--ala-border-outer); background: var(--ala-bg); position: relative; color: var(--ala-text); font-weight: 600; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; margin-bottom: 1em !important; } .druid-row { font-size: 1rem; } .druid-infobox > div > div > div > a, .druid-infobox > div > div > div > a:hover { color: var(--ala-link); } .druid-infobox > div > div > div > a.new, .druid-infobox > div > div > div > a.new:hover, .druid-infobox > div > div > div > a.new:visited { color: var(--ala-redlink); } .druid-infobox > div > div > div > a.selflink, .druid-infobox > div > div > div > a.selflink:hover { color: var(--ala-text); } .druid-container::before { content: ""; position: absolute; inset: -3px; border-radius: 10px; border: 3px solid transparent; background: var(--ala-border-inner-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .druid-infobox { margin-block: 0; } .druid-infobox .druid-title, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { background: var(--ala-bg-heading-top); } .druid-infobox .druid-section { background: var(--ala-bg-heading-section); } .druid-infobox .druid-title, .druid-infobox .druid-title a, .druid-infobox .druid-title a:hover, .druid-infobox .druid-section { color: var(--ala-heading-text); --wiki-content-redlink-color: var(--ala-heading-text); text-shadow: none; } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData, .numerical .druid-label, .smaps { text-transform: uppercase; letter-spacing: 0.05rem; font-size: 0.7rem; font-weight: 800; font-variation-settings: "wdth" 120; } .smaps { line-height: 160%; } .green { color: var(--ala-green); } .yellow { color: var(--ala-yellow); } .druid-infobox .druid-title, .druid-infobox .druid-section, .druid-infobox .druid-data-FooterData, .druid-infobox .druid-data-CostData { padding: 0px; } .druid-infobox .druid-data-CostData { padding-right: 0.5em; } .numerical .druid-label { margin: auto; } .druid-infobox .druid-data-FooterData { font-family: "Noto Sans Symbols 2", sans-serif !important; padding-top: 0.2em !important; color: var(--ala-diamond); text-align: center; text-shadow: 2px 0px 0 var(--ala-bg-heading-top), -2px 0px 0 var(--ala-bg-heading-top), 4px 0px 0 var(--ala-link), -4px 0px 0 var(--ala-link); } .druid-infobox .druid-data-CostData { color: var(--ala-green); text-align: right; } .druid-row-NameData { background: var(--ala-bg-title-gradient); text-align: center; font-size: 1.5rem; font-weight: 600; font-variation-settings: "XOPQ" 120, "YOPQ" 60; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } .druid-row, .druid-section { border-bottom: 2px solid var(--ala-bg); } .druid-label { text-align: left; } .attribute .druid-data, .numerical .druid-data { text-align: right; width: 48%; flex-shrink: 0; } .druid-label { background: none !important; font-weight: inherit; } .druid-section-container.attribute > div.druid-row { background-image: var(--ala-bg-attribute-gradient); } .druid-section-container.numerical-odd > div.druid-row:nth-child(odd) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row:nth-child(even) { background-image: var(--ala-bg-numerical-gradient); background-repeat: no-repeat; } .druid-section-container.numerical > div.druid-row { border-radius: 10px; border: 3px solid transparent; margin-bottom: -2px; position: relative; } .druid-section-container.numerical > div.druid-row::before { content: ""; position: absolute; inset: -3px; border-radius: 7px; border: 3px solid transparent; background: var(--ala-border-numerical-gradient) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none; } .attribute .druid-label::after { content: ":"; } .druid-infobox > div > div.druid-row-FooterData, .druid-infobox > div > div.druid-data-CostData { border-bottom: none !important; margin: 0.4em 0 0; } 116f59d60cbaece3de3683b792e4800930cea8d7